rgb(1,1,1) / #010101

rgb(1,1,1)

hsl(0,0%,0%)

cmyk(0,0,0,100)

Color Shades in HSL model

Color Lightness Range

+/- 10% shift for L(lightness) color axis in HSL color model

hsl(0,0%,0%)
rgb(0,0,0)
cmyk(0,0,0,100) hsl(0,0%,10%)
rgb(26,26,26)
cmyk(0,0,0,90) hsl(0,0%,20%)
rgb(51,51,51)
cmyk(0,0,0,80) hsl(0,0%,30%)
rgb(77,77,77)
cmyk(0,0,0,70) hsl(0,0%,40%)
rgb(102,102,102)
cmyk(0,0,0,60) hsl(0,0%,50%)
rgb(128,128,128)
cmyk(0,0,0,50) hsl(0,0%,60%)
rgb(153,153,153)
cmyk(0,0,0,40) hsl(0,0%,70%)
rgb(179,179,179)
cmyk(0,0,0,30)

Color Saturation Range

+/- 10% shift for S(Saturation) color axis in HSL color model

hsl(0,0%,0%)
rgb(0,0,0)
cmyk(0,0,0,100) hsl(0,0%,0%)
rgb(0,0,0)
cmyk(0,0,0,100) hsl(0,0%,0%)
rgb(0,0,0)
cmyk(0,0,0,100) hsl(0,0%,0%)
rgb(0,0,0)
cmyk(0,0,0,100) hsl(0,0%,0%)
rgb(0,0,0)
cmyk(0,0,0,100) hsl(0,0%,0%)
rgb(0,0,0)
cmyk(0,0,0,100) hsl(0,0%,0%)
rgb(0,0,0)
cmyk(0,0,0,100) hsl(0,0%,0%)
rgb(0,0,0)
cmyk(0,0,0,100)

Color Hue Range

S (Saturation) === 0, in this case we cannot get
H (Hue) range. Cause it should be the same color, due to HSL color system.

+/- 10 grad shift for H(Hue) color axis in HSL color model

Color Shades in RGB model range

Color shades in Red range

+/- 25 points shift for R(Red) color axis.

hsl(180,100%,0%)
rgb(0,1,1)
cmyk(100,0,0,100) hsl(0,92%,5%)
rgb(25,1,1)
cmyk(0,96,96,90) hsl(0,96%,10%)
rgb(50,1,1)
cmyk(0,98,98,80) hsl(0,97%,15%)
rgb(75,1,1)
cmyk(0,99,99,71) hsl(0,98%,20%)
rgb(100,1,1)
cmyk(0,99,99,61) hsl(0,98%,25%)
rgb(125,1,1)
cmyk(0,99,99,51) hsl(0,99%,30%)
rgb(150,1,1)
cmyk(0,99,99,41) hsl(0,99%,35%)
rgb(175,1,1)
cmyk(0,99,99,31)

Color shades in Green range

+/- 25 points shift for G(Green) color axis.

hsl(300,100%,0%)
rgb(1,0,1)
cmyk(0,100,0,100) hsl(120,92%,5%)
rgb(1,25,1)
cmyk(96,0,96,90) hsl(120,96%,10%)
rgb(1,50,1)
cmyk(98,0,98,80) hsl(120,97%,15%)
rgb(1,75,1)
cmyk(99,0,99,71) hsl(120,98%,20%)
rgb(1,100,1)
cmyk(99,0,99,61) hsl(120,98%,25%)
rgb(1,125,1)
cmyk(99,0,99,51) hsl(120,99%,30%)
rgb(1,150,1)
cmyk(99,0,99,41) hsl(120,99%,35%)
rgb(1,175,1)
cmyk(99,0,99,31)

Color shades in Blue range

+/- 25 points shift for B(Blue) color axis.

hsl(60,100%,0%)
rgb(1,1,0)
cmyk(0,0,100,100) hsl(240,92%,5%)
rgb(1,1,25)
cmyk(96,96,0,90) hsl(240,96%,10%)
rgb(1,1,50)
cmyk(98,98,0,80) hsl(240,97%,15%)
rgb(1,1,75)
cmyk(99,99,0,71) hsl(240,98%,20%)
rgb(1,1,100)
cmyk(99,99,0,61) hsl(240,98%,25%)
rgb(1,1,125)
cmyk(99,99,0,51) hsl(240,99%,30%)
rgb(1,1,150)
cmyk(99,99,0,41) hsl(240,99%,35%)
rgb(1,1,175)
cmyk(99,99,0,31)

Color Shades in CMYK model range

Color shades in Cyan range

+/- 10 percent shift for C(Cyan) color axis.

Color shades in Magenta range

+/- 10 percent shift for M(Magenta) color axis.

Color shades in Yellow range

+/- 10 percent shift for Y(Yellow) color axis.

Color shades in Black range

+/- 10 percent shift for B(Black) color axis.

hsl(0,0%,100%)
rgb(255,255,255)
cmyk(0,0,0,0) hsl(0,0%,90%)
rgb(230,230,230)
cmyk(0,0,0,10) hsl(0,0%,80%)
rgb(204,204,204)
cmyk(0,0,0,20) hsl(0,0%,70%)
rgb(179,179,179)
cmyk(0,0,0,30) hsl(0,0%,60%)
rgb(153,153,153)
cmyk(0,0,0,40) hsl(0,0%,50%)
rgb(128,128,128)
cmyk(0,0,0,50) hsl(0,0%,40%)
rgb(102,102,102)
cmyk(0,0,0,60) hsl(0,0%,30%)
rgb(77,77,77)
cmyk(0,0,0,70)

Color HTML/CSS(CSS3) Example

Color rgb(1,1,1) usage in CSS


.bg-rgb-color { background-color: rgb(1,1,1); }

.text-rgb-color { color: rgb(1,1,1); }

.border-rgb-color { border: 1px solid rgb(1,1,1); }

.text-shadow-rgb-color { text-shadow: 10px 10px 5px rgb(1,1,1); }

.box-shadow-rgb-color { box-shadow: 10px 10px 5px rgb(1,1,1); }

Color #010101 usage in CSS


.bg-rgb-color { background-color: #010101; }

.text-rgb-color { color: #010101; }

.border-rgb-color { border: 1px solid #010101; }

.text-shadow-rgb-color { text-shadow: 10px 10px 5px #010101; }

.box-shadow-rgb-color { box-shadow: 10px 10px 5px #010101; }

Color hsl(0,0%,0%) usage in CSS


.bg-rgb-color { background-color: hsl(0,0%,0%); }

.text-rgb-color { color: hsl(0,0%,0%); }

.border-rgb-color { border: 1px solid hsl(0,0%,0%); }

.text-shadow-rgb-color { text-shadow: 10px 10px 5px hsl(0,0%,0%); }

.box-shadow-rgb-color { box-shadow: 10px 10px 5px hsl(0,0%,0%); }