About the Colour Converter
Need help with your colour scheme? Our Colour Converter is here to assist you.
Type a colour in any format (HEX, RGB or HSL) and get the others instantly. Plus, generate shades and tints and check WCAG contrast against white and black text.
With our free online tool, you can easily convert colours without leaving your browser.
How to use the Colour Converter
- Enter a HEX, RGB or HSL colour (or use the picker)
- Copy any format to get started
- Use the shades and tints options for added depth in your design
Tips & benchmarks
- WCAG AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.
- Using our Colour Converter can help ensure accessibility on your website.
- For best results, use the HSL mode to fine-tune your colour palette.
- Experiment with shades and tints to add visual interest to your design.
Frequently asked questions
What is HSL?
HSL stands for Hue, Saturation, Lightness. It's a way to describe colours using three values that work together to create unique shades and tints.
Can I upload files to use the Colour Converter?
No, our Colour Converter processes colours in your browser, without requiring file uploads. Simply enter or paste a colour value to get started.
How does the WCAG contrast checker work?
Our Colour Converter checks the contrast ratio between your chosen colours and white and black text against WCAG guidelines (AA and AAA).
What colour formats are accepted?
We accept HEX, RGB, HSL, RGBa and HSb colours. Simply enter or paste one of these values to use the Colour Converter.
Can I save the results?
Unfortunately, our Colour Converter does not have a built-in saving feature. However, you can easily copy the colour values to use in your design software.
Is the Colour Converter accurate?
Yes, our Colour Converter uses standard web-safe colours and takes into account various display modes (e.g., screen, print).
All tools on 24SevenUpdates are free to use for personal and commercial work. Calculations and file conversions are performed in your browser; the redirect and cache checkers make a single request to the URL you enter and store nothing. Found a bug or want a new tool? Tell us.