Color Picker, Converter & Palette Studio

Interactive color inspector with HEX, RGB, HSL, HSV formats, WCAG contrast scoring, and harmonious color scheme generator.

#3B82F6rgb(59, 130, 246)

White Text Sample (3.7:1)

Black Text Sample (5.7:1)

HEX Code

Channel Sliders (RGB)

R59

G130

B246

Recent Palette History

Exportable Code Formats

HEX#3B82F6

RGBrgb(59, 130, 246)

HSLhsl(217, 91%, 60%)

HSVhsv(217, 76%, 96%)

CSS Var--color-primary: #3b82f6;

Tailwindbg-[#3b82f6]

White Text3.7:1

AA FailAAA Fail

Black Text5.7:1

AA PassAAA Fail

Click any swatch to set as active or copy its HEX value.

Complementary (180°)

Analogous (±30°)

Triadic (120° / 240°)

Monochromatic Shades & Tints (10% - 90% Lightness)