DD
DevDash

Regex for CSS Named Color

Regex Pattern

^(?:red|blue|green|black|white|gray|grey|yellow|orange|purple|pink|brown|cyan|magenta|navy|teal|olive|maroon|lime|aqua|fuchsia|silver)$

Common CSS named colors

Quick Answer

The regex pattern for css named color is `^(?:red|blue|green|black|white|gray|grey|yellow|orange|purple|pink|brown|cyan|magenta|navy|teal|olive|maroon|lime|aqua|fuchsia|silver)$`. Common CSS named colors. This works in JavaScript, Python, Ruby, PHP, Java, and most regex engines that support PCRE syntax.

Test Examples

InputResult
red✓ Matches
blue✓ Matches
green✓ Matches
black✓ Matches
Red✗ No match
#FF0000✗ No match
rgb(255,0,0)✗ No match
custom-color✗ No match

Code Examples

javascript

const regex = /^(?:red|blue|green|black|white|gray|grey|yellow|orange|purple|pink|brown|cyan|magenta|navy|teal|olive|maroon|lime|aqua|fuchsia|silver)$/;
const isValid = regex.test(value);

python

import re
pattern = r'^(?:red|blue|green|black|white|gray|grey|yellow|orange|purple|pink|brown|cyan|magenta|navy|teal|olive|maroon|lime|aqua|fuchsia|silver)$'
if re.match(pattern, value):
    print("valid")

ruby

pattern = /^(?:red|blue|green|black|white|gray|grey|yellow|orange|purple|pink|brown|cyan|magenta|navy|teal|olive|maroon|lime|aqua|fuchsia|silver)$/
if value =~ pattern
  puts "valid"
end

php

if (preg_match('/^(?:red|blue|green|black|white|gray|grey|yellow|orange|purple|pink|brown|cyan|magenta|navy|teal|olive|maroon|lime|aqua|fuchsia|silver)$/', $value)) {
    echo "valid";
}

java

String pattern = "^(?:red|blue|green|black|white|gray|grey|yellow|orange|purple|pink|brown|cyan|magenta|navy|teal|olive|maroon|lime|aqua|fuchsia|silver)$";
boolean isValid = value.matches(pattern);

Frequently Asked Questions

Related Regex Patterns

Want API access + no ads? Pro coming soon.