404 | This page could not be found.
=
color
.
trim
()
if ( ! trimmedColor ) return false
const SPECIAL_COLORS = / ^ ( unset | initial | inherit | currentcolor | transparent ) $ / i
if ( SPECIAL_COLORS . test ( trimmedColor )) {
return allowSpecialValues
}
return CSS . supports ( 'color' , trimmedColor )
}
TS
This function is useful for validating user input, form validation, or ensuring color values are correct before applying them to CSS properties.
// Standard color validation console . log ( isValidColor ( 'red' )) // true console . log ( isValidColor ( '#FF5733' )) // true console . log ( isValidColor ( 'rgba(0,0,0,0.5)' )) // true // Allow special CSS values (default behavior) console . log ( isValidColor ( 'transparent' )) // true console . log ( isValidColor ( 'inherit' )) // true console . log ( isValidColor ( 'currentcolor' )) // true console . log ( isValidColor ( ' #FFF ' )) // true
console . log ( isValidColor ( 'invalid-color' )) // false
console . log ( isValidColor ( '#12345' )) // false
TS
// Disallow special CSS values
console . log ( isValidColor ( 'transparent' , false )) // false
console . log ( isValidColor ( 'inherit' , false )) // false
console . log ( isValidColor ( 'currentcolor' , false )) // false
TS
Is Valid Color • Shiyu's Hideout