Pick any color and instantly get HEX, RGB, and HSL values.
Copied!
Click the color input box to open your browser's native color picker with the full color spectrum.
Choose any color. The preview box and all three color values update instantly as you pick.
Click Copy next to HEX, RGB, or HSL to copy that format to your clipboard.
A six-digit code starting with # (e.g., #6366f1) representing a color using hexadecimal values for red, green, and blue. The most common format in CSS.
RGB uses red, green, blue values (0–255). HSL uses hue (0–360°), saturation and lightness (%). HSL is more intuitive for creating color palettes.
HEX for most cases. Use RGB/RGBA when you need transparency. Use HSL when building dynamic color themes.
Yes. Copy the HEX or RGB value and paste it directly into any design application that accepts color codes.