is-valid-css-color

A tool to help you check if a CSS color string is valid or invalid

Usage no npm install needed!

<script type="module">
  import isValidCssColor from 'https://cdn.skypack.dev/is-valid-css-color';
</script>

README

License Issues Downloads Minified Size Version

is-valid-css-color

A tool to help you check if a CSS color string is valid or invalid

Installation

npm install is-valid-css-color

Or, if you prefer yarn

yarn add is-valid-css-color

Usage

const {
  isValidColorName,
  isValidHSL,
  isValidRGB,
} = require('is-valid-css-color');

// To validate a RGB or RGBA ot hex string
console.log(isValidRGB('rgb(255,255,255)')); // true
console.log(isValidRGB('rgba(255,255,255,1)')); // true
console.log(isValidRGB('rgba(-255,255,255,1)')); // false
console.log(isValidRGB('rgba(255,255%,255,1)')); // false
console.log(isValidRGB('#000')); // true
console.log(isValidRGB('#000000')); // true
console.log(isValidRGB('#dsfuj')); // false

// To validate a HSL or HSLA string
console.log(isValidHSL('hsl(360deg, 10%, 50%)')); // true
console.log(isValidHSL('hsla(360deg, 10%, 50%, 1)')); // true
console.log(isValidHSL('hsla(360deg, 10%, 50%, -90)')); // false
console.log(isValidHSL('hsl(960deg, 10%, 50%, 1)')); // false

// To validate a CSS color name
console.log(isValidColorName('blue')); // true
console.log(isValidColorName('BLUE')); // true
console.log(isValidColorName('dksjf')); // false
console.log(isValidColorName('LKJSDK')); // false

Contributing

Contributions are welcome. See the contribution guide for more info.

License

This software is licensed under the MIT License. See the LICENSE for more info.