One color, every useful format.
Convert HEX, RGB, and HSL in either direction, tune the channels, and check readable text contrast. Every change stays in your browser.
Choose a color
The native picker controls the visible color; opacity is kept separately for HEX8, RGBA, and HSLA.
Contrast ratios use the color composited over a white backdrop.
#RGB, #RGBA, #RRGGBB, or #RRGGBBAA
Numbers, percentages, and optional alpha
Hue plus percentage saturation and lightness
- 1
Enter or pick
Paste any supported color or use your browser's color picker.
- 2
Fine-tune
Adjust red, green, blue, and alpha with clamped number controls.
- 3
Check and copy
Review text contrast, then copy the format your project needs.
Good to know
Which HEX formats are supported?
You can enter three- or six-digit HEX colors, plus four- or eight-digit colors with alpha: #RGB, #RGBA,#RRGGBB, and #RRGGBBAA.
Can I use modern CSS RGB and HSL syntax?
Yes. Both comma-separated syntax and space-separated syntax with a slash before alpha are accepted. RGB channels may be numbers or percentages. HSL saturation and lightness use percentages.
What happens to values outside the normal range?
RGB channels are clamped from 0 to 255, saturation and lightness from 0% to 100%, and alpha from 0 to 1. Hue wraps around the color wheel and accepts degrees, radians, gradians, or turns.
How is the text contrast recommendation calculated?
The converter compares WCAG relative-luminance contrast for black and white text. If the color has alpha, it is first composited over the white backdrop shown in the preview.
Are my colors uploaded or saved?
No. Parsing, conversion, contrast checking, and copying all happen locally in this browser tab.