Skip to main content
ZebbyBox
Buy Me A Coffee

Color Picker

Pick colors visually and convert between HEX, RGB, HSL, HSV, and CMYK formats.

Click to open color picker

R59
G130
B246
H217°
S91%
L60%
HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
HSVhsv(217, 76%, 96%)
CMYKcmyk(76%, 47%, 0%, 4%)

Color Format Guide

HEX Colors

# followed by 6 characters. Example: #3B82F6

RGB Colors

Three values from 0-255. Example: rgb(59, 130, 246)

HSL Colors

Hue (0-360), Saturation %, Lightness %. Example: hsl(217, 91%, 60%)

HSV/HSB & CMYK

Also supported for image editing and print design workflows.

Tips for Choosing Colors

  • •Complementary: Colors opposite on the wheel create high contrast
  • •Analogous: Adjacent colors create harmonious designs
  • •Triadic: Three evenly-spaced colors provide balanced variety
  • •Accessibility: WCAG recommends 4.5:1 contrast for text

100% Private

All color calculations happen locally in your browser. Your color choices are never sent to any server.