Color Calculators
Converters and pickers for web and design colors.
- Hex to RGB Converter (and RGB to Hex)
- Color Contrast Checker (WCAG AA & AAA)
- HSL Converter (hue, saturation, lightness)
- CMYK Converter (print color to RGB and hex)
- Color Mixer (blend two colors)
Color tools for web and design
Colors on screen are described in a few interchangeable ways, and moving between them is a constant small chore in web and interface work. Thehex to RGB converter handles the most common one: it turns a hex code like #3B82F6 into RGB values from 0 to 255 and back, accepts the three-digit shorthand, and also gives you the HSL form and ready-to-paste CSS strings.
Every conversion is exact — a hex color is simply an RGB color written in base 16, so nothing is lost moving between them. The tool includes a live preview swatch and a native color picker, and it checks whether black or white text sits more legibly on the color you've chosen. More color tools will join this category over time.
Which colour space these assume
Every tool here works in sRGB, the colour space the web assumes by default and the one your browser uses unless told otherwise. That matters when you move between media. A hex value is a precise instruction to a screen, but the same value printed, or shown on a wide-gamut display in a different profile, will not look the same. If you are matching a physical sample, treat these as a starting point and confirm against the real thing.
Contrast is a calculation, not an opinion
The contrast checker implements the WCAG relative-luminance formula, which is not a simple average of the channels — each is weighted, because human vision is far more sensitive to green than to blue, and each is linearised first to undo the gamma encoding. That is why two colours that look similarly bright can have very different contrast ratios.
The thresholds are fixed: 4.5:1 for normal text at AA, 3:1 for large text, and 7:1 for AAA. These are accessibility requirements rather than style preferences, and a design that fails them is genuinely harder to read for a substantial number of people — not only those with a diagnosed impairment, but anyone on a phone in sunlight.
Why CMYK conversion is approximate
RGB is additive light and CMYK is subtractive ink, and no formula converts perfectly between them because the answer depends on the press, the paper and the ink set. The conversion here uses the standard naive transform, which is fine for getting into the right region and for understanding the relationship. For work that will actually be printed, your printer's ICC profile is the authority — ask them for it rather than trusting any general-purpose converter, including this one.