Color Picker/Converter

Powerful color picker, converter and palette generator supporting HEX, RGB, HSL, CMYK formats

Color Selection

Color History

No history yet

HEX Value

RGB Value

Red (R)

Green (G)

Blue (B)

HSL Value

Hue (H)

Saturation (S)

Lightness (L)

CMYK Value

HSV Value

YCbCr Value

Lab Value

Pantone Value

Color Palette

Contrast Checker

Foreground

Background

Preview Text Effect

The quick brown fox jumps over the lazy dog

Contrast Ratio

5.48:1

WCAG AA

Normal ✓Large ✓

WCAG AAA

Normal ✗Large ✓

CSS Code

color: #6366f1;
background-color: #6366f1;
border-color: #6366f1;

Documentation

Overview

Color Picker provides real-time color conversion and lookup across multiple color models, including HEX, RGB, HSL, HSV, CMYK, YCbCr, and Lab.

Core Features

Visual color picking with local history.
Two-way editing for HEX, RGB, and HSL with instant sync.
Extra readouts for HSV, CMYK, YCbCr, Lab, and approximate Pantone mapping.
Palette generation for complementary, analogous, triadic, and more.
Contrast ratio check with WCAG AA/AAA accessibility hints.

How To Use

Pick a base color with the color input or text fields.
Read or copy values in your target format.
Switch palette strategy to explore matching colors.
Test foreground/background contrast for accessibility.

Use Cases

CSS color work in frontend development.
Cross-format value verification for design handoff.
Theme and brand palette exploration.
Accessibility contrast validation.

FAQ

Is the Pantone value an exact match?

It is usually an approximate match for quick reference. For production printing, use professional color cards/workflows.

Why do different models show slight differences?

Minor differences are expected due to color-space conversion and rounding precision.

Privacy

All picking and conversion run locally in your browser. No color data is uploaded.