Pick a color and instantly see HEX, RGB and HSL values. Copy any format with one click. Also convert from HEX manually.
Color Values
Advertisement
How to Use the Color Picker
Use the color wheel or palette to select a color, or enter a HEX, RGB, or HSL value directly.
See the color displayed in all formats simultaneously.
Click any format value to copy it to your clipboard.
Frequently Asked Questions
HEX (#RRGGBB) is used in CSS and HTML. RGB (red, green, blue values 0–255) is used in design tools. HSL (hue, saturation, lightness) is more intuitive for humans to adjust.
Copy the HEX or RGB value from this tool and paste it directly into your CSS file as the color value.
Use the color value from this tool in a dedicated WCAG contrast checker to verify accessibility compliance.