Color Shades in HSL model
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.
+/- 25 grad shift for H(Hue) color axis in HSL color model.
rgb(51,38,0)
hsl(45,100%,10%)
cmyk(0,25,100,80)rgb(42,51,0)
hsl(70,100%,10%)
cmyk(17,0,100,80)rgb(21,51,0)
hsl(95,100%,10%)
cmyk(58,0,100,80)rgb(0,51,0)
hsl(120,100%,10%)
cmyk(100,0,100,80)rgb(0,51,21)
hsl(145,100%,10%)
cmyk(100,0,58,80)rgb(0,51,43)
hsl(170,100%,10%)
cmyk(100,0,17,80) Color Saturation Range
+/- 10% shift for S(Saturation) color axis in HSL color model
rgb(13,38,13)
hsl(120,50%,10%)
cmyk(67,0,67,85)rgb(10,41,10)
hsl(120,60%,10%)
cmyk(75,0,75,84)rgb(8,43,8)
hsl(120,70%,10%)
cmyk(82,0,82,83)rgb(5,46,5)
hsl(120,80%,10%)
cmyk(89,0,89,82)rgb(3,48,3)
hsl(120,90%,10%)
cmyk(95,0,95,81)rgb(0,51,0)
hsl(120,100%,10%)
cmyk(100,0,100,80) Color Lightness Range
+/- 10% shift for L(lightness) color axis in HSL color model.
rgb(0,0,0)
hsl(0,0%,0%)
cmyk(0,0,0,100)rgb(0,51,0)
hsl(120,100%,10%)
cmyk(100,0,100,80)rgb(0,102,0)
hsl(120,100%,20%)
cmyk(100,0,100,60)rgb(0,153,0)
hsl(120,100%,30%)
cmyk(100,0,100,40)rgb(0,204,0)
hsl(120,100%,40%)
cmyk(100,0,100,20)rgb(0,255,0)
hsl(120,100%,50%)
cmyk(100,0,100,0) Color Shades in RGB model range
Color shades in Red range
+/- 30 points shift for
R(Red) color axis.
rgb(0,51,0)
hsl(120,100%,10%)
cmyk(100,0,100,80)rgb(30,51,0)
hsl(85,100%,10%)
cmyk(41,0,100,80)rgb(60,51,0)
hsl(51,100%,12%)
cmyk(0,15,100,76)rgb(90,51,0)
hsl(34,100%,18%)
cmyk(0,43,100,65)rgb(120,51,0)
hsl(26,100%,24%)
cmyk(0,58,100,53)rgb(150,51,0)
hsl(20,100%,29%)
cmyk(0,66,100,41) Color shades in Green range
+/- 30 points shift for
G(Green) color axis.
rgb(0,0,0)
hsl(0,0%,0%)
cmyk(0,0,0,100)rgb(0,30,0)
hsl(120,100%,6%)
cmyk(100,0,100,88)rgb(0,60,0)
hsl(120,100%,12%)
cmyk(100,0,100,76)rgb(0,90,0)
hsl(120,100%,18%)
cmyk(100,0,100,65)rgb(0,120,0)
hsl(120,100%,24%)
cmyk(100,0,100,53)rgb(0,150,0)
hsl(120,100%,29%)
cmyk(100,0,100,41) Color shades in Blue range
+/- 30 points shift for
B(Blue) color axis.
rgb(0,51,0)
hsl(120,100%,10%)
cmyk(100,0,100,80)rgb(0,51,30)
hsl(155,100%,10%)
cmyk(100,0,41,80)rgb(0,51,60)
hsl(189,100%,12%)
cmyk(100,15,0,76)rgb(0,51,90)
hsl(206,100%,18%)
cmyk(100,43,0,65)rgb(0,51,120)
hsl(215,100%,24%)
cmyk(100,58,0,53)rgb(0,51,150)
hsl(220,100%,29%)
cmyk(100,66,0,41) Color Shades in CMYK model range
Color shades in Cyan range
+/- 10 percent shift for
C(Cyan) color axis.
rgb(25,51,0)
hsl(90,100%,10%)
cmyk(50,0,100,80)rgb(20,51,0)
hsl(96,100%,10%)
cmyk(60,0,100,80)rgb(15,51,0)
hsl(102,100%,10%)
cmyk(70,0,100,80)rgb(10,51,0)
hsl(108,100%,10%)
cmyk(80,0,100,80)rgb(5,51,0)
hsl(114,100%,10%)
cmyk(90,0,100,80)rgb(0,51,0)
hsl(120,100%,10%)
cmyk(100,0,100,80) Color shades in Magenta range
+/- 10 percent shift for
M(Magenta) color axis.
rgb(0,51,0)
hsl(120,100%,10%)
cmyk(100,0,100,80)rgb(0,46,0)
hsl(120,100%,9%)
cmyk(100,0,100,82)rgb(0,41,0)
hsl(120,100%,8%)
cmyk(100,0,100,84)rgb(0,36,0)
hsl(120,100%,7%)
cmyk(100,0,100,86)rgb(0,31,0)
hsl(120,100%,6%)
cmyk(100,0,100,88)rgb(0,25,0)
hsl(120,100%,5%)
cmyk(100,0,100,90) Color shades in Yellow range
+/- 10 percent shift for
Y(Yellow) color axis.
rgb(0,51,25)
hsl(150,100%,10%)
cmyk(100,0,50,80)rgb(0,51,20)
hsl(144,100%,10%)
cmyk(100,0,60,80)rgb(0,51,15)
hsl(138,100%,10%)
cmyk(100,0,70,80)rgb(0,51,10)
hsl(132,100%,10%)
cmyk(100,0,80,80)rgb(0,51,5)
hsl(126,100%,10%)
cmyk(100,0,90,80)rgb(0,51,0)
hsl(120,100%,10%)
cmyk(100,0,100,80) Color shades in Black range
+/- 10 percent shift for
B(Black) color axis.
rgb(0,128,0)
hsl(120,100%,25%)
cmyk(100,0,100,50)rgb(0,102,0)
hsl(120,100%,20%)
cmyk(100,0,100,60)rgb(0,77,0)
hsl(120,100%,15%)
cmyk(100,0,100,70)rgb(0,51,0)
hsl(120,100%,10%)
cmyk(100,0,100,80)rgb(0,25,0)
hsl(120,100%,5%)
cmyk(100,0,100,90)rgb(0,0,0)
hsl(0,0%,0%)
cmyk(0,0,0,100) Color HTML/CSS(CSS3) Example
Color rgb(0,51,0) usage in CSS
.bg-rgb-color { background-color: rgb(0,51,0); }
.text-rgb-color { color: rgb(0,51,0); }
.border-rgb-color { border: 1px solid rgb(0,51,0); }
.text-shadow-rgb-color { text-shadow: 10px 10px 5px rgb(0,51,0); }
.box-shadow-rgb-color { box-shadow: 10px 10px 5px rgb(0,51,0); }
Color #003300 usage in CSS
.bg-rgb-color { background-color: #003300; }
.text-rgb-color { color: #003300; }
.border-rgb-color { border: 1px solid #003300; }
.text-shadow-rgb-color {text-shadow: 10px 10px 5px #003300; }
.box-shadow-rgb-color {box-shadow: 10px 10px 5px #003300; }
Color hsl(120,100%,10%) usage in CSS
.bg-rgb-color { background-color: hsl(120,100%,10%); }
.text-rgb-color { color: hsl(120,100%,10%); }
.border-rgb-color { border: 1px solid hsl(120,100%,10%); }
.text-shadow-rgb-color { text-shadow: 10px 10px 5px hsl(120,100%,10%); }
.box-shadow-rgb-color { box-shadow: 10px 10px 5px hsl(120,100%,10%); }