Color Tools

Pick a color, get every format.

HEX ↔ RGB ↔ HSL ↔ OKLCH.

WCAG AA/AAA contrast ratio verifier.

Build harmonised color palettes.

Visual gradient editor with CSS output.

Preview designs under 8 color deficiencies.

Find the closest Tailwind palette color.

Quick swap between HEX and RGB notation.

Switch between RGB, HSL and HWB.

Convert between sRGB and the OKLCH / OKLAB perceptual spaces.

Convert between RGB and CMYK for print workflows.

Find a CSS named color from a hex value (or vice versa).

Convert Kelvin (warm/cool) to RGB and back.

Pick a color from any pixel of an uploaded image.

One color → every format + brightness, luma, lightness.

Generate Material Design 50→900 from a single base.

Generate a Tailwind-style 50→950 scale from one color.

Find complementary, triadic, tetradic, analogous, split-complementary schemes.

Shades, tints, and tones of one color.

Extract a 5-color palette from an uploaded image.

Coolors-style random palette generator with locking.

Test every pair in a palette against WCAG contrast.

Modern APCA contrast (WCAG 3 candidate algorithm).

Adjust a foreground until it passes WCAG AA against the background.

Modern mesh gradients with SVG output.

Visual CSS box-shadow builder with multi-layer support.

Visual CSS text-shadow builder.

Soft-UI neumorphism box-shadow builder.

Find the closest Material Design color.

Find the closest Bootstrap utility color.

Convert a palette to a :root { --c-… } block.

Convert HEX/RGB to SwiftUI / UIColor syntax.

Blend two colors at any ratio.

Generate a smooth gradient of N steps between multiple colors.

Step a color darker or lighter by percentage.

Adjust saturation and hue of a color.

Find the closest named color (CSS + xkcd-style).

Pull the dominant color out of any image.

Visualise the RGB color distribution of an image.

Pick a color in an image and replace it with another.

Reference of every CSS color format with live examples.

Suggest readable text / background pairs from one color.

Build N-step tint, shade and tone variants of one color.