All Tools

Color Picker

Pick colors, convert between formats, and generate beautiful color harmonies. Perfect for designers and developers.

Instructions

  1. Use the color picker or enter a HEX value to select your color
  2. View the color in different formats (RGB, HSL, HSV, CMYK)
  3. Explore color harmonies and adjust brightness/saturation

Color Preview

Color Formats

RGB

rgb(59, 130, 246)
R: 59G: 130B: 246

HSL

hsl(217, 91%, 60%)
H: 217°S: 91%L: 60%

HSV

hsv(217, 76%, 96%)
H: 217°S: 76%V: 96%

CMYK

cmyk(76%, 47%, 0%, 4%)
C: 76%M: 47%Y: 0%K: 4%

Adjustments

Brightness

0

Saturation

0

Color Harmonies

Complementary

Opposite colors on the color wheel

Analogous

Adjacent colors on the color wheel

Triadic

Three colors evenly spaced on the color wheel

Tetradic (Square)

Four colors evenly spaced on the color wheel

Color Information

Warmthcool
Contrast Text
White