Color Picker

Pick colors and convert between HEX, RGB, and HSL

RGB

HSL

HEX

CSS Named Color

—

RGB Sliders

R 99

G 102

B 241

HSL Sliders

H 239°

S 84%

L 67%

Contrast Ratio

About this tool

Pick any color visually and get instant conversions between HEX, RGB, and HSL formats. Includes contrast ratio checking for accessibility compliance.

Color formats

HEX — 6-digit hexadecimal notation used in CSS (e.g., #6366f1)
RGB — Red, Green, Blue values from 0–255
HSL — Hue (0–360°), Saturation (0–100%), Lightness (0–100%)

Contrast ratio

WCAG 2.1 requires a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text. The tool shows the contrast ratio of your selected color against white and black backgrounds.