/
Search these tools by name or what you need to do.
View resultsChoose a tool
7 tools
Colour
Convert colour codes and check contrast.
Color ConverterEnter a colour in any format and get HEX, RGB, HSL, CMYK and its luminance.
HEX to RGBTurn a hex colour code into its red, green and blue values.
RGB to HEXTurn an rgb() colour into a hex code you can paste into CSS.
HEX to HSLTurn a hex colour code into hue, saturation and lightness.
HSL to HEXTurn an hsl() colour into a hex code.
Contrast CheckerCheck a text and background pair against every WCAG contrast threshold.
Shade and Tint GeneratorBuild a ten step lightness ramp from one colour, ready to paste as CSS.
No matching tools yet
Try a file type like “JPG” or a task like “count words”.
Good to know
Which colour formats can I enter?
Use a HEX value such as #336699, RGB such as rgb(51, 102, 153), or HSL such as hsl(210, 50%, 40%). Follow the example shown by the tool.
How do I check text contrast?
Choose a foreground and a background colour in Contrast Checker. The result separates normal text, large text and interface graphics.
Will the colour look identical everywhere?
The result describes colour values. Screens, printing and surrounding colours can change how they appear. Use opaque colours for these conversions; transparency is not included in the calculation.