JAVASCRIPT
Validate Hexadecimal Color Code
Ensure user input or data conforms to valid 3-digit or 6-digit hexadecimal color code formats with this robust JavaScript regex pattern.
function isValidHexColor(hex) {
return /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(hex);
}
// Example usage:
console.log(isValidHexColor("#FF00FF")); // true
console.log(isValidHexColor("#F0F")); // true
console.log(isValidHexColor("FF00FF")); // false (missing #)
console.log(isValidHexColor("#G00")); // false (invalid character)
console.log(isValidHexColor("#FFFF")); // false (invalid length)
How it works: This JavaScript function uses a regular expression to validate whether a given string is a valid hexadecimal color code. It specifically checks for codes starting with '#' followed by either exactly three or exactly six hexadecimal characters (0-9, A-F, a-f). This is crucial for form validation or processing color inputs in web applications, ensuring data integrity.