Color Converter
Aa
| HEX | #3B6EF6 | |
| RGB | rgb(59, 110, 246) | |
| HSL | hsl(223, 91%, 60%) | |
| Readable text | White |
About Color Converter
One input box that understands HEX, RGB and HSL, and gives all three formats back along with a live swatch.
The Aa inside the swatch switches between black and white based on the colour's luminance, so you can see at a glance which text colour stays readable on it. Useful when picking button and card colours without eyeballing every combination.
Each row has a copy button that yields the canonical string for that format, ready to paste into CSS, a design file, or another tool.
Frequently asked questions
Does it support 8-digit hex with alpha?
No, only opaque colours here. For transparency use rgba elsewhere.
Can I write RGB as percentages?
Not here, integers from 0 to 255 only.
Can I type colour names like red?
No. The parser accepts hex, rgb() and hsl() only.
