Your Color Swiss Army Knife

Pick, convert, generate palettes, check contrast, build gradients — 100% in-browser. No signup.

🎨 HEX/RGB/HSL/OKLCH 🖌️ Palette Generator ♿ WCAG Contrast 🌈 Gradient Builder 👁️ Color Blindness Preview

HEX

RGB

HSL

HSB

OKLCH

CSS Var

Tailwind

Tints & Shades

Base color

Text Color

Background Color

The quick brown fox

Small text: 14px — accessibility check below

—

Contrast Ratio

From To Type

Angle 135°

Test color: #6c63ff

Simulation uses the Machado 2009 LMS matrix method for realistic color deficiency approximation.

🎨 ColorCraft Pro