Color Validator
Validate any CSS color string and see its normalized value.
Enter any CSS color value above — hex, rgb(), hsl(), or a named color
Supported formats: #rgb, #rgba, #rrggbb, #rrggbbaa, rgb(), rgba(), hsl(), hsla(), named CSS colors
Related Tools
FAQ
- What color formats are supported?
- The validator recognises: 3-digit hex (#rgb), 4-digit hex with alpha (#rgba), 6-digit hex (#rrggbb), 8-digit hex with alpha (#rrggbbaa), functional rgb() and rgba() with comma or space syntax, hsl() and hsla(), and all 148 named CSS colors defined in the CSS Color Level 4 specification.
- What is a normalized color value?
- A normalized value is a canonical representation of the color. For example, #FFF normalizes to #ffffff, and rgb(255,0,0) normalizes to #ff0000. Normalization makes it easier to compare colors that may be written in different formats but represent the same color.
- Does it support CSS Color Level 4 syntax?
- Partially. Modern CSS allows space-separated rgb(255 128 0) and hsl(120 50% 50%) syntax (without commas) as well as the / alpha separator: rgb(255 128 0 / 50%). This tool validates these modern forms in addition to the traditional comma-separated syntax.
Enter any CSS color value and instantly see whether it is valid, what format it uses, and its normalized representation. Detects hex colors (3, 4, 6, and 8-digit), rgb(), rgba(), hsl(), hsla(), and named CSS colors. Shows a live color swatch, the detected format, and the canonical normalized form of the color.