HEX Color Validator
Validate any HEX color code. Supports shorthand and full formats. Get a live color preview plus RGB and HSL breakdowns.
#
✅ Valid HEX color — #RRGGBB
#4F46E5
Frequently Asked Questions
What HEX formats are supported?
#RGB (3-digit shorthand), #RGBA (4-digit shorthand with alpha), #RRGGBB (6-digit full), and #RRGGBBAA (8-digit full with alpha). The # prefix is optional.
What does the RGB breakdown show?
Each R (red), G (green), B (blue) value is shown as an integer from 0–255, corresponding to the 8-bit value of each color channel.
What does the HSL breakdown show?
Hue (0–360°), Saturation (0–100%), and Lightness (0–100%). HSL is easier to work with intuitively when adjusting colors.
Can I click on any value to copy it?
Yes — each value card (HEX, RGB, HSL, R, G, B) is a button. Click any card to copy that value to your clipboard.
Valid HEX Color Formats
| Format | Length | Example | Notes |
|---|---|---|---|
| 3-digit | #RGB | #F60 | Shorthand — each digit is doubled (#FF6600) |
| 4-digit | #RGBA | #F608 | Shorthand with alpha channel |
| 6-digit | #RRGGBB | #FF6600 | Standard full colour code |
| 8-digit | #RRGGBBAA | #FF660080 | Full colour + 2-digit alpha (AA = ~50% opacity) |
HEX, RGB, and HSL Compared
- HEX — most common in web design, easy to copy/paste, not human-readable without a colour picker.
- RGB (0–255) — how screens actually work; intuitive for mixing light colours.
- HSL (Hue 0–360°, Saturation 0–100%, Lightness 0–100%) — most human-intuitive; easy to create lighter/darker variants by adjusting L.
- OKLCH — modern perceptually-uniform space; equal L steps look visually equal to the human eye, unlike HSL where some hues appear brighter.