Color Chart with HSL

Home > Web Design > Color Chart > Rgb-hsl

Colors from Traditional Color Wheel
Primary (Red) Tertiary Secondary
(Yellow)		 Tertiary Primary
(Green)		 Tertiary Secondary
(Cyan/Aqua)		 Tertiary Primary
(Blue)		 Tertiary Secondary
(Magenta/Violet)		 Tertiary
0,100,100 30,100,100 60,100,100 90,100,100 120,100,100 150,100,100 180,100,100 210,100,100 240,100,100 270,100,100 300,100,100 330,100,100
0,100,90 30,100,90 60,100,90 90,100,90 120,100,90 150,100,90 180,100,90 210,100,90 240,100,90 270,100,90 300,100,90 330,100,90
0,100,80 30,100,80 60,100,80 90,100,80 120,100,80 150,100,80 180,100,80 210,100,80 240,100,80 270,100,80 300,100,80 330,100,80
0,100,70 30,100,70 60,100,70 90,100,70 120,100,70 150,100,70 180,100,70 210,100,70 240,100,70 270,100,70 300,100,70
 330,100,70
0,100,60 30,100,60 60,100,60 90,100,60 120,100,60 150,100,60 180,100,60 210,100,60 240,100,60 270,100,60 300,100,60
 330,100,60

Red
0,100,50

 30,100,50 Yellow
60,100,50		 90,100,50 Lime
120,100,50		 150,100,50 Aqua
( Cyan)
180,100,50		 210,100,50 Blue
240,100,50		 270,100,50 Fuchsia
( Magenta)
300,100,50
 330,100,50
0,100,40 30,100,40 60,100,40 90,100,40 120,100,40 150,100,40 180,100,40 210,100,40 240,100,40 270,100,40 300,100,40 330,100,40
0,100,30 30,100,30 60,100,30

90,100,30

 120,100,30 150,100,30 180,100,30 210,100,30 240,100,30 270,100,30 300,100,30 330,100,30
0,100,20 30,100,20 60,100,20 90,100,20 120,100,20 150,100,20 180,100,20 210,100,20 240,100,20 270,100,20 300,100,20 330,100,20
0,100,10 30,100,10 60,100,10 90,100,10 120,100,10 150,100,10 180,100,10 210,100,10 240,100,10 270,100,10 300,100,10 330,100,10
0,100,0 30,100,0 60,100,0 90,100,0 120,100,0 150,100,0 180,100,0 210,100,0 240,100,0 270,100,0 300,100,0 330,100,0