CSS Hex Color Regex Pattern

Live Regex Tester

Pattern Breakdown

Code Examples

const regex = /#([0-9a-fA-F]{3}){1,2}\b/g;
const test = "#FF5733";
console.log(regex.test(test)); // true

// Extract matches
const matches = test.match(regex);
console.log(matches);

import re

pattern = r'#([0-9a-fA-F]{3}){1,2}\b'
test = "#FF5733"
match = re.findall(pattern, test)
print(match)  # Found!

package main

import (
    "fmt"
    "regexp"
)

func main() {
    re := regexp.MustCompile(`#([0-9a-fA-F]{3}){1,2}\b`)
    fmt.Println(re.MatchString("#FF5733")) // true
}

Common Use Cases

Match Examples

About the CSS Hex Color Regex

Matches 3 or 6-digit hex color codes. Commonly used to extract or validate colors from CSS stylesheets.

Regular expressions (regex) are powerful pattern matching tools used across virtually all programming languages. The css hex color pattern is classified as beginner difficulty in the code & programming category. This pattern is specifically designed for CSS.

When using this regex, always consider edge cases and test thoroughly with real-world data. Use the interactive tester above to validate the pattern against your specific inputs before deploying to production.

More Code & Programming Patterns