Precise color tools for designers and developers.

Mathematically accurate conversions, WCAG 2.1 and WCAG 3.0 APCA contrast, palettes and gradients — computed in your browser, nothing uploaded.

Open the Converter HEX to RGB

the chromatic atelier — 5 swatches

Utility suite

Live now. More tools land tool-by-tool.

Color Converter

One value in — HEX, RGB, HSL, HSV, CMYK, Lab, OKLCH, CSS name and Tailwind out. Copy any format.

Open

Contrast Checker

WCAG 2.1 ratio and WCAG 3.0 APCA Lc side by side, with a live preview and a fix suggestion when a pair fails.

Open

Palette Generator

6 harmony modes from one base colour, including double-complementary. Export as CSS, SCSS, Tailwind or JSON.

Open

Tints & Shades

A 10-step 50-900 scale for design tokens. Tints lighten, shades darken — never swapped.

Open

Gradient Generator

Linear, radial and conic CSS gradients with a live preview and 22 curated presets.

Open

Color Picker

A canvas hue/saturation/lightness picker with keyboard control and your last 10 colours.

Open

Color Blindness Simulator

See any palette or image through 8 types of colour vision deficiency.

Open

Image Color Extractor

Upload an image, get its 5 dominant colours — nothing leaves your browser.

Open

Tailwind Color Mapper

Find the nearest Tailwind CSS v3 token for any colour, with the full family scale.

Open

CSS Variables Exporter

Turn a list of named colours into CSS custom properties, SCSS, Tailwind config or JSON.

Open

Direct converters

One conversion per page — deep-linkable, instant.

HEX → RGB RGB → HEX HEX → HSL HSL → HEX RGB → HSL HSL → RGB HEX → CMYK CMYK → HEX RGB → CMYK CMYK → RGB HEX → HSV RGB → HSV

In the pipeline

Color WheelStandalone OKLCH PickerPalette from ImageBrand ExtractorDark Mode Converter

color-kit.com provides 9 free color tools — a Color Converter (HEX, RGB, HSL, HSV, CMYK, Lab, OKLCH, plus 12 dedicated converter pages), a WCAG 2.1 and WCAG 3.0 APCA contrast checker with an in-house APCA implementation, a palette generator with 6 harmony modes, a tints & shades generator, a gradient generator, a color blindness simulator covering 8 CVD types, an image color extractor, a Tailwind CSS color mapper, and a CSS variables exporter. Every tool runs entirely in the browser — no image or color value is ever uploaded to a server.