Design Utility

Color Palette Generator & Converter

Build palettes manually or auto-generate from color theory. View HEX, RGB, HSL, CMYK, and contrast ratios.

Generation Mode

✏️ Manual Hex Input 🎯 Complementary 🔺 Triadic 🌊 Analogous ✂️ Split-Complementary ⬛ Tetradic 🎨 Shades & Tints

HEX value

Comma-separated HEX codes (used when Manual mode is selected)

#0F172A

HEX #0F172A

RGB rgb(15,23,42)

HSL hsl(222,47%,11%)

CMYK C64 M45 Y0 K84

Contrast ⚪ 17.9:1

#F97316

HEX #F97316

RGB rgb(249,115,22)

HSL hsl(24,95%,53%)

CMYK C0 M54 Y91 K2

Contrast ⚫ 7.5:1

#F8FAFC

HEX #F8FAFC

RGB rgb(248,250,252)

HSL hsl(210,40%,98%)

CMYK C2 M1 Y0 K1

Contrast ⚫ 20.1:1

#14B8A6

HEX #14B8A6

RGB rgb(20,184,166)

HSL hsl(173,80%,40%)

CMYK C89 M0 Y10 K28

Contrast ⚫ 8.4:1

#E879F9

HEX #E879F9

RGB rgb(232,121,249)

HSL hsl(292,91%,73%)

CMYK C7 M51 Y0 K2

Contrast ⚫ 8.5:1

Export