Advanced Color Picker

All-in-one tool for designers and developers

Red
HEX
RGB
HSL
CMYK
°
Normal text (14px)
Large text (18px bold)

No image selected

Saved Colors
No saved colors yet. Click "Save Color" to add colors here.
Share Color
Quick Help

HEX: Used in CSS, represented as #RRGGBB where RR, GG, BB are hexadecimal values.

RGB: Red, Green, Blue values from 0-255.

HSL: Hue (0-360°), Saturation (0-100%), Lightness (0-100%).

CMYK: Cyan, Magenta, Yellow, Key (Black) percentages used in printing.

Complementary: Colors opposite each other on the color wheel.

Analogous: Colors adjacent to each other on the color wheel.

Triadic: Three colors evenly spaced around the color wheel.

Tetradic: Four colors arranged in two complementary pairs.

Monochromatic: Different shades, tints, and tones of a single color.

WCAG AA requires a contrast ratio of at least:

  • 4.5:1 for normal text
  • 3:1 for large text (18pt or 14pt bold)

WCAG AAA requires a contrast ratio of at least:

  • 7:1 for normal text
  • 4.5:1 for large text