๐ŸŽจ

Color Picker & Converter

Pick any color or pick directly from an image. Convert between HEX, RGB, HSL, HSB. Includes WCAG contrast checker and palette generator.

Click to pick
HEX
RGB
HSL
HSB

Drop an image or click to upload

PNG, JPG, WebP, GIF, SVG โ€” any image

Contrast vs White (WCAG)
Aa
Contrast Ratio
โ€”
Generated Palettes
Tints
Shades
Complementary & Analogous
Quick Presets
Advertisement
How to use
  1. Type any HEX, RGB, HSL or HSB value โ€” all other formats update instantly.
  2. Use the swatch (top-left) to open the native color picker, or pick a preset.
  3. Switch to From Image to upload a photo and click any pixel to extract its color.
FAQ

HEX (#FF5733) is a 6-digit hex shorthand for RGB. RGB (rgb(255,87,51)) specifies red, green, blue from 0โ€“255. HSL (hsl(11,100%,60%)) uses Hue, Saturation, Lightness โ€” more intuitive for perceptual adjustments.

HSL's Lightness at 100% is white. HSB's Brightness at 100% is a fully saturated colour, not white. HSB is what Figma and Photoshop use; HSL is what CSS uses.

Use rgba(r,g,b,a) with an alpha 0โ€“1, or an 8-digit HEX like #FF573380, or modern hsl(11 100% 60% / 50%).