Home/Color

Color Tools

Pick, convert and generate colors.

Color Picker

Free visual color picker. Pick any color with the eyedropper wheel and instantly read its HEX, RGB and HSL values, then copy them with one click.

HEX to RGB Converter

Free HEX to RGB converter. Paste any hex color code and instantly get its red, green and blue values as an rgb() string ready for CSS.

RGB to HEX Converter

Free RGB to HEX converter. Enter red, green and blue values and instantly get the matching hex color code, ready to copy into CSS or design tools.

RGB to HSL Converter

Free RGB to HSL converter. Enter red, green and blue values and instantly get hue, saturation and lightness as a copyable CSS hsl() string.

HEX to HSL Converter

Free HEX to HSL converter. Paste a hex color code and instantly get hue, saturation and lightness as a copyable CSS hsl() string with a live swatch.

RGB to CMYK Converter

Free RGB to CMYK converter. Enter red, green and blue values and instantly get cyan, magenta, yellow and key (black) percentages for print work.

HEX to RGBA Converter

Free HEX to RGBA converter. Turn a hex color and an opacity slider into a copyable CSS rgba() string, with a live checkerboard transparency preview.

Color Palette Generator

Free color palette generator. Pick a base color and instantly build harmonious palettes (complementary, analogous, triadic) with copyable hex codes.

CSS Gradient Generator

Free CSS gradient generator. Blend two colors, set the angle and type (linear or radial), preview live and copy the ready-to-paste background CSS.

WCAG Contrast Checker

Free WCAG contrast checker. Compare a text and background color, see the exact contrast ratio and whether it passes AA and AAA accessibility levels.

Color Shades and Tints Generator

Free shades and tints generator. Enter a base color and instantly get a full scale of darker shades and lighter tints with copyable hex codes.

Color Mixer and Blender

Free color mixer and blender. Pick two colors and a blend amount to see the mixed result in HEX and RGB, with a live swatch and one-click copy.

Named CSS Colors Chart

Free named CSS colors chart. Browse and search all standard CSS color names with their hex codes and swatches, and copy any name or hex instantly.

Color Blindness Simulator

Free color blindness simulator. Enter a color to see how it appears under protanopia, deuteranopia and tritanopia to test your palette accessibility.

Random Color Generator

Free random color generator. Generate a random color or a batch of them with one click, each shown as a swatch with copyable HEX and RGB values.