Color Converter
Convert between HEX, RGB, and HSL color formats
Input Color
#3B82F6
Output Format
About Color Converter
Convert between HEX, RGB, HSL and HSV, with a live preview so you can check contrast and tone before using a value.
How to use Color Converter
- Paste a colour in any supported format.
- Read the converted values and preview swatch.
- Copy the format your CSS or design tool expects.
Common use cases
- Translating a brand HEX value into HSL for theme tokens.
- Adjusting lightness without changing hue.
- Checking what an RGB value looks like next to text.
Common questions
Does HEX support transparency?
Eight-digit HEX (RRGGBBAA) does. Convert to rgba() if you need broader support or want to animate the alpha channel.
Why do HSL and RGB values differ slightly?
HSL is a different coordinate model over the same sRGB space. Rounding during conversion can shift a channel by one step.
Can I use these values in print design?
Screen colours are not CMYK. Convert to a print profile in design software before sending artwork to a printer.
Keep going
Browse the full tools directory for related utilities, or open a free temporary email to run a signup end to end.