A QUICK WALKTHROUGH
How to use this tool
- Enter a HEX code, rgb() or hsl() value.
- Convert and inspect the equivalent notations and swatch.
- Copy the value required by your editor or stylesheet.
How it works
HEX expands short forms to byte channels. RGB values and percentages are converted to sRGB channels; HSL hue wraps around a 360-degree circle. RGB outputs round to whole bytes, and HSL uses two decimal places. Alpha is retained and included in the HEX output when it is less than one.
A practical example
Start with
#f00
What to expect
#ff0000; rgb(255 0 0); hsl(0 100% 50%)
Important considerations
These are screen-color conversions, not a color-managed CMYK print conversion. Named colors, wide-gamut spaces and invalid channel ranges are rejected.
1 MiB per input. Input remains in page memory until you reset or leave. Copy and download actions are initiated by you. No tool input is sent to a processing service.
One more useful detail
Can I enter transparency?
Yes, use a four/eight-digit HEX value or an alpha component in rgb()/hsl(). Contrast checking separately requires opaque colors.