color_shades_new
v1.4.0
Published
color_shades_new
Downloads
8
Readme
Color Shades New
Welcome to the Color Shades New! This package allows you to generate various shades of a given color. It was adapted from the original code-shades package after resolving some issues to better suit my needs.
Features
- Generate a variety of shades for a given color.
- Easy integration into your JavaScript projects.
Installation
To get started, you need to install the package via npm:
npm install color_shades_new
Below is the JSON representation of the Color Shades Manager, showing the details of various color shades.
```json
{
"ShadesManager": {
"count": 10,
"colors": [
{
"index": 50,
"hex": "#e8f7ff",
"rgb": "rgb(232, 247, 255)",
"hsl": "hsl(200, 100%, 95%)",
"brightness": 244,
"isDark": false
},
{
"index": 100,
"hex": "#d2eefe",
"rgb": "rgb(210, 238, 254)",
"hsl": "hsl(201, 96%, 91%)",
"brightness": 232,
"isDark": false
},
{
"index": 200,
"hex": "#aae4fd",
"rgb": "rgb(170, 228, 253)",
"hsl": "hsl(198, 95%, 83%)",
"brightness": 216,
"isDark": false
},
{
"index": 300,
"hex": "#6dd4fd",
"rgb": "rgb(109, 212, 253)",
"hsl": "hsl(197, 97%, 71%)",
"brightness": 193,
"isDark": false
},
{
"index": 400,
"hex": "#29c2fa",
"rgb": "rgb(41, 194, 250)",
"hsl": "hsl(196, 95%, 57%)",
"brightness": 172,
"isDark": true
},
{
"index": 500,
"hex": "#0aa0db",
"rgb": "rgb(10, 160, 219)",
"hsl": "hsl(196, 91%, 45%)",
"brightness": 143,
"isDark": true
},
{
"index": 600,
"hex": "#007db8",
"rgb": "rgb(0, 125, 184)",
"hsl": "hsl(199, 100%, 36%)",
"brightness": 114,
"isDark": true
},
{
"index": 700,
"hex": "#006293",
"rgb": "rgb(0, 98, 147)",
"hsl": "hsl(200, 100%, 29%)",
"brightness": 90,
"isDark": true
},
{
"index": 800,
"hex": "#003e5c",
"rgb": "rgb(0, 62, 92)",
"hsl": "hsl(199, 100%, 18%)",
"brightness": 57,
"isDark": true
},
{
"index": 900,
"hex": "#011b2b",
"rgb": "rgb(1, 27, 43)",
"hsl": "hsl(202, 95%, 9%)",
"brightness": 25,
"isDark": true
}
],
"_boundaries": {
"name": "sky",
"isGray": false
},
"name": "sky"
}
}