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
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 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.
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 shades in Magenta range
+/- 10 percent shift for M(Magenta) color axis.
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 shades in Yellow range
+/- 10 percent shift for Y(Yellow) color axis.
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 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%); }