Color Validator
Validate any CSS color string and see its normalized value.
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.
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.