Colors Tools

Pick any color and get its HEX, RGB, HSL, HWB and CMYK values with a live preview and shades.

Convert colors between HEX, RGB, HSL, HWB and CMYK formats. Paste any format, get all the others.

Convert HEX color codes to RGB values instantly, with a live color preview and CSS output.

Convert RGB color values to HEX codes instantly, with sliders and a live color preview.

Check color contrast ratios against WCAG AA and AAA accessibility standards for text and backgrounds.

Generate beautiful color palettes. Lock colors you like and regenerate the rest. Export as CSS or JSON.

Create linear and radial CSS gradients visually. Add color stops, set the angle and copy the CSS.

Mix two colors together and see the resulting blend at any ratio, with a step-by-step gradient.

Lighten any color by a chosen percentage and get the resulting tints with HEX and RGB codes.

Darken any color by a chosen percentage and get the resulting shades with HEX and RGB codes.

Generate tints and shades of any color, from near-white to near-black, with copyable HEX codes.

Find the complementary (opposite) color of any color on the color wheel, with HEX and RGB codes.

Generate analogous, triadic, tetradic, split-complementary and monochromatic color schemes from a base color.

Generate random colors with one click. Get HEX, RGB and HSL codes and build a random palette.

Browse and search all 148 named CSS colors with previews, HEX and RGB values.

Extract the dominant colors and full palette from any image. Copy HEX codes with one click.

See how your images and colors look to people with protanopia, deuteranopia, tritanopia and more.