Visual color picker
Choose the color you need from the browser interface instead of guessing hexadecimal values.
Color utility
Online HTML Color Code Generator
Generate HTML color codes in your browser. Choose from a wide range of colors using hex values.
- Browser-based
- Private
- Instant preview
Preview
Pick a color · copy any formatColor
Square — saturation and brightness (drag the circle or tap anywhere). Bar below — hue (full spectrum left to right).
| Copied! | ||
| Copied! | ||
| Copied! | ||
| Copied! | ||
| Copied! | ||
| Copied! | ||
| Copied! | ||
| Copied! | ||
Nearest Color
Closest named match| Color | Name | Hex | RGB | RGBA | HSV | HSL | CMYK | Hue |
|---|
About the HTML Color Codes Tool
Pick a color and copy synchronized HEX, RGB, RGBA, HSL, and related values for CSS, HTML prototypes, design specs, and developer handoffs.
Exact codes instead of approximate names
The picker keeps multiple representations in sync so you can paste the format your stylesheet or design token file expects without recalculating by hand.
Convert between formats on HEX to RGB (and reverse pairs). Sample colors from an image with the Image Color Picker.
HEX, RGB, RGBA, HSL sync
See synchronized HEX, RGB, RGBA, and HSL representations for the same selection and copy the format you need.
Support design handoffs
Give developers exact codes instead of asking them to sample a screenshot or interpret a color name.
Convert or sample from images
Use HEX ↔ RGB converters or the Image Color Picker when you start from an existing asset.