Color

Adjust a foreground color's lightness until it meets a WCAG contrast target.

Decide whether black or white text is more readable on any background color.

Compute the solid opaque color produced by a translucent color over a background.

Create harmonious neighboring-hue palettes around a base color.

Map xterm 256-color palette indices to RGB hex and back to the nearest index.

Computes the arithmetic mean color and most frequent color from a list of hex colors.

Compute the result of blending two colors with Photoshop-style blend modes.

Preview how a color appears under common color-vision deficiencies.

Convert colors between HEX, RGB, HSL, HSV, CMYK and OKLCH, with a live preview.

Measure how different two colors are using CIE76, CIE94, and CIEDE2000.

Build harmonious palettes from a base color using complementary, analogous, triadic, tetradic, split-complementary, and monochromatic schemes.

Compute RGB-inverted and luminance-inverted versions of a color.

Sort a pasted list of colors by hue, lightness, saturation, or luminance.

Blend two colors at any ratio to find the resulting mix, with adjustable percentage and live HEX/RGB output of the blended color.

Find the closest human-readable color name (like 'cornflower blue') for any HEX or RGB value using the CSS named color set.

Pick a color visually and read its HEX, RGB, HSL and OKLCH values.

Generate an evenly stepped color scale between two colors, choosing the number of steps and interpolation space.

Generate a human-readable descriptive name for any color from its HSL.

Convert a color temperature in Kelvin to its approximate RGB/HEX color, useful for lighting, white balance, and warm/cool tone work.

Warm or cool a color by shifting it toward a target white point.

Generate a row of lighter tints by mixing a base color toward white.

Generate muted tones by mixing a base color toward a neutral gray.

Find the exact complementary (opposite-hue) color for any input color.

Check WCAG contrast ratio between two colors and AA/AAA pass/fail.

Build an N x N WCAG contrast matrix for a set of palette colors.

Visually design CSS box-shadows by adjusting offset, blur, spread, color, and inset, then copy the ready-to-use box-shadow rule.

Interactively build modern CSS color() , rgb(), hsl(), lab(), lch(), oklch() strings.

Build and preview the CSS color-mix() function and compute its resolved color.

Build linear, radial and conic CSS gradients with a live preview.

Parses a CSS linear/radial gradient string into structured angle, type, and color stops.

Convert a CSS linear or radial gradient into an equivalent SVG gradient definition.

Browse and search all CSS named colors with their HEX/RGB values.

Reduce a color's saturation by a percentage and preview the muted result.

Compute the average and dominant color from a list of input colors.

Build a two-color duotone mapping and the CSS/SVG filter to apply it to images.

Compute evenly or eased intermediate color stops between two or more colors.

Convert any color to its grayscale equivalent using luminance, average, or desaturation methods, with side-by-side preview.

Expand 3/4-digit shorthand HEX to 6/8-digit and minify back when possible.

Convert HEX color codes (including 8-digit HEX with alpha) to rgba() and back, controlling opacity with a percentage value.

Convert HSL color values to HEX and RGB, accepting standard hsl() notation and outputting clean web-ready codes.

Rotate a color's hue by a chosen angle and get the CSS hue-rotate equivalent.

Upload an image and extract its dominant colors and an automatic palette, ready to copy as HEX swatches.

Lighten or darken any color by a chosen percentage and get the adjusted color in HEX and RGB, with a before/after preview.

Browse and copy the full Material Design color palette with all hues and shades (50-900, plus accents) as HEX swatches.

Build a single-hue scale by varying lightness and saturation in even steps.

Find the closest CSS/X11 named color to any input color by perceptual distance.

Approximate the closest named swatch from an offline curated color-name dictionary.

Map any color to the closest Tailwind CSS palette token (e.g. blue-500).

Convert sRGB/HEX to OKLCH and OKLab and back, the modern perceptual model.

Turn any number, ID, or seed string into a deterministic reproducible color palette.

Renders a list of colors as a labeled SVG swatch strip with hex captions.

Computes relative luminance, perceived lightness (L*), and WCAG contrast for two colors.

Generate random colors with copyable HEX/RGB/HSL values.

Generate a random color palette tuned to a chosen mood like calm, vibrant, or pastel.

Compute WCAG relative luminance and perceived brightness for any color.

Convert sRGB to CIE 1931 XYZ tristimulus values (D65) and back.

Convert sRGB to CIELAB (L*a*b*) under D65 and back.

Convert sRGB to naive print CMYK percentages and back.

Convert rgb()/rgba() color values to HEX (and 8-digit HEX when alpha is present), accepting comma or space separated channels.

Convert sRGB color values to HSL and back with live swatch preview.

Convert between sRGB and HSV/HSB color models with a preview swatch.

Convert sRGB to CSS HWB (hue, whiteness, blackness) and back.

Convert sRGB to CIELCH (lightness, chroma, hue) and back.

Convert 24-bit RGB colors to and from 16-bit RGB565 for embedded displays.

Apply the standard sepia matrix to a color and get the CSS filter equivalent.

Generate a base plus the two colors adjacent to its complement.

Find the closest Tailwind CSS color name and shade for any HEX/RGB color, and look up the exact HEX of any Tailwind color token.

Generate a four-color rectangle/square color scheme from a base color.

Generate a tint/shade ramp from a base color, with copyable values.

Build a balanced three-color triadic palette from one base hue.

Paste any CSS color and instantly see HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH, and OKLCH.

Adjust a foreground color until it meets a target WCAG contrast on a fixed background.