Color Picker

Pick any color and get HEX, RGB, HSL, and OKLCH values with one-click copy.

#f97316
HEX Value
HSL Sliders
Hue27°
Saturation95%
Lightness53%
HEX #f97316
RGB rgb(249, 115, 22)
HSL hsl(27, 95%, 53%)
OKLCH oklch(0.70 0.19 41deg)
CSS var --color: #e8e5df;
Color Harmonies
Complementary
Triadic
Analogous
Tints
Recent Colors

About the Color Picker

This tool gives you a native browser color picker plus manual HEX input and HSL sliders — all synced in real time. Every color you pick is automatically converted to HEX, RGB, HSL, and OKLCH format so you can copy exactly what you need.


Related tools

→ Color Format Converter — convert between HEX, RGB, HSL, OKLCH and more
→ Color Palette Generator — generate full palettes from a base color
→ Contrast Checker — check WCAG accessibility compliance
→ Tint & Shade Generator — create design system color scales

Related Tools

Color Palette Generator Harmonious palettes — complementary, triadic, analogous Color Converter Convert between HEX, RGB, HSL, HSV and OKLCH instantly Color Harmony Generator Complementary, triadic, analogous, split-complementary palettes Tint & Shade Generator Generate color scales — CSS variables, HEX or Tailwind config