Color Picker

Pick colors from images and convert between formats

HEX
#ea580c
RGB
rgb(234, 88, 12)
HSL
hsl(25, 85%, 50%)
Hue
Lightness
Click on the canvas to pick a color

Color Formats

HEX (#RRGGBB)

Hexadecimal representation using red, green, and blue values. Most commonly used in web development.

#ff0000, #00ff00, #0000ff
RGB (Red, Green, Blue)

Represents colors using decimal values from 0-255 for each primary color component.

rgb(255, 0, 0), rgb(0, 255, 0)
HSL (Hue, Saturation, Lightness)

Describes colors using hue angle (0-360°), saturation percentage, and lightness percentage.

hsl(0, 100%, 50%), hsl(120, 100%, 50%)

Color Picker Tips

  • Use the eyedropper tool to pick colors from any webpage or image
  • Upload images to pick colors from your own photos or designs
  • Generate harmonious color palettes for your projects
  • Check color contrast for accessibility compliance
  • Save frequently used colors to your recent colors list