HTML Color Codes

A color is set in two ways: with sliders for hue and transparency, or by typing a string in any familiar notation. The tool understands HEX, including the short form and the alpha form, as well as rgb and rgba, hsl and hsla, and CSS color names, both English like tomato and Russian like «томатный».

The result shows every notation of the color at once: HEX, HEX8, RGB, RGBA, HSL, HSLA and HSB. Click a value to copy it, so there is no need to convert between formats by hand.

Readability is checked separately: the tool calculates the contrast against white and black text using the WCAG method and tells you whether the pair passes level AA or AAA. This is the case where a color that looks good turns out to be unusable for labels.

Below the result you get color combinations: the opposite color, triad, tetrad, adjacent and monochromatic shades. Next to them are rows of lighter and darker tones, ready to use for hover or active states.

The nearest named CSS color is also shown, and at the bottom of the page there is a reference list of all 148 names with their codes.