KLOORAColor Converter: HEX, RGB and HSL
Pick a colour or type a value and get all formats, plus a contrast check for readable text.
Quick answer: The Color Converter turns any colour into HEX, RGB and HSL. Pick a colour with the picker or type a value, then copy the format you need. It also shows contrast ratios against white and black.
How to use Color Converter (HEX, RGB, HSL)
- Pick a colour or type a HEX, RGB or HSL value.
- Read the other formats.
- Check the contrast message.
- Copy the format you need.
Features
- HEX, RGB and HSL
- Colour picker
- Contrast ratio against white and black
- One-click copy
Frequently asked questions
How do I convert HEX to RGB?
Type the HEX code and read the RGB value. For example #1455D9 is rgb(20, 85, 217).
What contrast do I need?
WCAG asks for at least 4.5 to 1 for normal text.
What is HSL?
Hue, saturation and lightness, a way to describe colour that is easier to adjust by hand.