HSL 色调
亮色与暗色
hsl(0,50%,20%)
hsl(0,50%,30%)
hsl(0,50%,40%)
hsl(0,50%,50%)
hsl(0,50%,60%)
hsl(0,50%,70%)
hsl(0,50%,80%)
hsl(10,50%,20%)
hsl(10,50%,30%)
hsl(10,50%,40%)
hsl(10,50%,50%)
hsl(10,50%,60%)
hsl(10,50%,70%)
hsl(10,50%,80%)
hsl(20,50%,20%)
hsl(20,50%,30%)
hsl(20,50%,40%)
hsl(20,50%,50%)
hsl(20,50%,60%)
hsl(20,50%,70%)
hsl(20,50%,80%)
hsl(30,50%,20%)
hsl(30,50%,30%)
hsl(30,50%,40%)
hsl(30,50%,50%)
hsl(30,50%,60%)
hsl(30,50%,70%)
hsl(30,50%,80%)
hsl(40,50%,20%)
hsl(40,50%,30%)
hsl(40,50%,40%)
hsl(40,50%,50%)
hsl(40,50%,60%)
hsl(40,50%,70%)
hsl(40,50%,80%)
hsl(50,50%,20%)
hsl(50,50%,30%)
hsl(50,50%,40%)
hsl(50,50%,50%)
hsl(50,50%,60%)
hsl(50,50%,70%)
hsl(50,50%,80%)
hsl(60,50%,20%)
hsl(60,50%,30%)
hsl(60,50%,40%)
hsl(60,50%,50%)
hsl(60,50%,60%)
hsl(60,50%,70%)
hsl(60,50%,80%)
hsl(70,50%,20%)
hsl(70,50%,30%)
hsl(70,50%,40%)
hsl(70,50%,50%)
hsl(70,50%,60%)
hsl(70,50%,70%)
hsl(70,50%,80%)
hsl(80,50%,20%)
hsl(80,50%,30%)
hsl(80,50%,40%)
hsl(80,50%,50%)
hsl(80,50%,60%)
hsl(80,50%,70%)
hsl(80,50%,80%)
hsl(90,50%,20%)
hsl(90,50%,30%)
hsl(90,50%,40%)
hsl(90,50%,50%)
hsl(90,50%,60%)
hsl(90,50%,70%)
hsl(90,50%,80%)
hsl(100,50%,20%)
hsl(100,50%,30%)
hsl(100,50%,40%)
hsl(100,50%,50%)
hsl(100,50%,60%)
hsl(100,50%,70%)
hsl(100,50%,80%)
hsl(110,50%,20%)
hsl(110,50%,30%)
hsl(110,50%,40%)
hsl(110,50%,50%)
hsl(110,50%,60%)
hsl(110,50%,70%)
hsl(110,50%,80%)
hsl(120,50%,20%)
hsl(120,50%,30%)
hsl(120,50%,40%)
hsl(120,50%,50%)
hsl(120,50%,60%)
hsl(120,50%,70%)
hsl(120,50%,80%)
hsl(130,50%,20%)
hsl(130,50%,30%)
hsl(130,50%,40%)
hsl(130,50%,50%)
hsl(130,50%,60%)
hsl(130,50%,70%)
hsl(130,50%,80%)
hsl(140,50%,20%)
hsl(140,50%,30%)
hsl(140,50%,40%)
hsl(140,50%,50%)
hsl(140,50%,60%)
hsl(140,50%,70%)
hsl(140,50%,80%)
hsl(150,50%,20%)
hsl(150,50%,30%)
hsl(150,50%,40%)
hsl(150,50%,50%)
hsl(150,50%,60%)
hsl(150,50%,70%)
hsl(150,50%,80%)
hsl(160,50%,20%)
hsl(160,50%,30%)
hsl(160,50%,40%)
hsl(160,50%,50%)
hsl(160,50%,60%)
hsl(160,50%,70%)
hsl(160,50%,80%)
hsl(170,50%,20%)
hsl(170,50%,30%)
hsl(170,50%,40%)
hsl(170,50%,50%)
hsl(170,50%,60%)
hsl(170,50%,70%)
hsl(170,50%,80%)
hsl(180,50%,20%)
hsl(180,50%,30%)
hsl(180,50%,40%)
hsl(180,50%,50%)
hsl(180,50%,60%)
hsl(180,50%,70%)
hsl(180,50%,80%)
hsl(190,50%,20%)
hsl(190,50%,30%)
hsl(190,50%,40%)
hsl(190,50%,50%)
hsl(190,50%,60%)
hsl(190,50%,70%)
hsl(190,50%,80%)
hsl(200,50%,20%)
hsl(200,50%,30%)
hsl(200,50%,40%)
hsl(200,50%,50%)
hsl(200,50%,60%)
hsl(200,50%,70%)
hsl(200,50%,80%)
hsl(210,50%,20%)
hsl(210,50%,30%)
hsl(210,50%,40%)
hsl(210,50%,50%)
hsl(210,50%,60%)
hsl(210,50%,70%)
hsl(210,50%,80%)
hsl(220,50%,20%)
hsl(220,50%,30%)
hsl(220,50%,40%)
hsl(220,50%,50%)
hsl(220,50%,60%)
hsl(220,50%,70%)
hsl(220,50%,80%)
hsl(230,50%,20%)
hsl(230,50%,30%)
hsl(230,50%,40%)
hsl(230,50%,50%)
hsl(230,50%,60%)
hsl(230,50%,70%)
hsl(230,50%,80%)
hsl(240,50%,20%)
hsl(240,50%,30%)
hsl(240,50%,40%)
hsl(240,50%,50%)
hsl(240,50%,60%)
hsl(240,50%,70%)
hsl(240,50%,80%)
hsl(250,50%,20%)
hsl(250,50%,30%)
hsl(250,50%,40%)
hsl(250,50%,50%)
hsl(250,50%,60%)
hsl(250,50%,70%)
hsl(250,50%,80%)
hsl(260,50%,20%)
hsl(260,50%,30%)
hsl(260,50%,40%)
hsl(260,50%,50%)
hsl(260,50%,60%)
hsl(260,50%,70%)
hsl(260,50%,80%)
hsl(270,50%,20%)
hsl(270,50%,30%)
hsl(270,50%,40%)
hsl(270,50%,50%)
hsl(270,50%,60%)
hsl(270,50%,70%)
hsl(270,50%,80%)
hsl(280,50%,20%)
hsl(280,50%,30%)
hsl(280,50%,40%)
hsl(280,50%,50%)
hsl(280,50%,60%)
hsl(280,50%,70%)
hsl(280,50%,80%)
hsl(290,50%,20%)
hsl(290,50%,30%)
hsl(290,50%,40%)
hsl(290,50%,50%)
hsl(290,50%,60%)
hsl(290,50%,70%)
hsl(290,50%,80%)
hsl(300,50%,20%)
hsl(300,50%,30%)
hsl(300,50%,40%)
hsl(300,50%,50%)
hsl(300,50%,60%)
hsl(300,50%,70%)
hsl(300,50%,80%)
hsl(310,50%,20%)
hsl(310,50%,30%)
hsl(310,50%,40%)
hsl(310,50%,50%)
hsl(310,50%,60%)
hsl(310,50%,70%)
hsl(310,50%,80%)
hsl(320,50%,20%)
hsl(320,50%,30%)
hsl(320,50%,40%)
hsl(320,50%,50%)
hsl(320,50%,60%)
hsl(320,50%,70%)
hsl(320,50%,80%)
hsl(330,50%,20%)
hsl(330,50%,30%)
hsl(330,50%,40%)
hsl(330,50%,50%)
hsl(330,50%,60%)
hsl(330,50%,70%)
hsl(330,50%,80%)
hsl(340,50%,20%)
hsl(340,50%,30%)
hsl(340,50%,40%)
hsl(340,50%,50%)
hsl(340,50%,60%)
hsl(340,50%,70%)
hsl(340,50%,80%)
hsl(350,50%,20%)
hsl(350,50%,30%)
hsl(350,50%,40%)
hsl(350,50%,50%)
hsl(350,50%,60%)
hsl(350,50%,70%)
hsl(350,50%,80%)
饱和度
hsl(0,20%,50%)
hsl(0,30%,50%)
hsl(0,40%,50%)
hsl(0,50%,50%)
hsl(0,60%,50%)
hsl(0,70%,50%)
hsl(0,80%,50%)
hsl(10,20%,50%)
hsl(10,30%,50%)
hsl(10,40%,50%)
hsl(10,50%,50%)
hsl(10,60%,50%)
hsl(10,70%,50%)
hsl(10,80%,50%)
hsl(20,20%,50%)
hsl(20,30%,50%)
hsl(20,40%,50%)
hsl(20,50%,50%)
hsl(20,60%,50%)
hsl(20,70%,50%)
hsl(20,80%,50%)
hsl(30,20%,50%)
hsl(30,30%,50%)
hsl(30,40%,50%)
hsl(30,50%,50%)
hsl(30,60%,50%)
hsl(30,70%,50%)
hsl(30,80%,50%)
hsl(40,20%,50%)
hsl(40,30%,50%)
hsl(40,40%,50%)
hsl(40,50%,50%)
hsl(40,60%,50%)
hsl(40,70%,50%)
hsl(40,80%,50%)
hsl(50,20%,50%)
hsl(50,30%,50%)
hsl(50,40%,50%)
hsl(50,50%,50%)
hsl(50,60%,50%)
hsl(50,70%,50%)
hsl(50,80%,50%)
hsl(60,20%,50%)
hsl(60,30%,50%)
hsl(60,40%,50%)
hsl(60,50%,50%)
hsl(60,60%,50%)
hsl(60,70%,50%)
hsl(60,80%,50%)
hsl(70,20%,50%)
hsl(70,30%,50%)
hsl(70,40%,50%)
hsl(70,50%,50%)
hsl(70,60%,50%)
hsl(70,70%,50%)
hsl(70,80%,50%)
hsl(80,20%,50%)
hsl(80,30%,50%)
hsl(80,40%,50%)
hsl(80,50%,50%)
hsl(80,60%,50%)
hsl(80,70%,50%)
hsl(80,80%,50%)
hsl(90,20%,50%)
hsl(90,30%,50%)
hsl(90,40%,50%)
hsl(90,50%,50%)
hsl(90,60%,50%)
hsl(90,70%,50%)
hsl(90,80%,50%)
hsl(100,20%,50%)
hsl(100,30%,50%)
hsl(100,40%,50%)
hsl(100,50%,50%)
hsl(100,60%,50%)
hsl(100,70%,50%)
hsl(100,80%,50%)
hsl(110,20%,50%)
hsl(110,30%,50%)
hsl(110,40%,50%)
hsl(110,50%,50%)
hsl(110,60%,50%)
hsl(110,70%,50%)
hsl(110,80%,50%)
hsl(120,20%,50%)
hsl(120,30%,50%)
hsl(120,40%,50%)
hsl(120,50%,50%)
hsl(120,60%,50%)
hsl(120,70%,50%)
hsl(120,80%,50%)
hsl(130,20%,50%)
hsl(130,30%,50%)
hsl(130,40%,50%)
hsl(130,50%,50%)
hsl(130,60%,50%)
hsl(130,70%,50%)
hsl(130,80%,50%)
hsl(140,20%,50%)
hsl(140,30%,50%)
hsl(140,40%,50%)
hsl(140,50%,50%)
hsl(140,60%,50%)
hsl(140,70%,50%)
hsl(140,80%,50%)
hsl(150,20%,50%)
hsl(150,30%,50%)
hsl(150,40%,50%)
hsl(150,50%,50%)
hsl(150,60%,50%)
hsl(150,70%,50%)
hsl(150,80%,50%)
hsl(160,20%,50%)
hsl(160,30%,50%)
hsl(160,40%,50%)
hsl(160,50%,50%)
hsl(160,60%,50%)
hsl(160,70%,50%)
hsl(160,80%,50%)
hsl(170,20%,50%)
hsl(170,30%,50%)
hsl(170,40%,50%)
hsl(170,50%,50%)
hsl(170,60%,50%)
hsl(170,70%,50%)
hsl(170,80%,50%)
hsl(180,20%,50%)
hsl(180,30%,50%)
hsl(180,40%,50%)
hsl(180,50%,50%)
hsl(180,60%,50%)
hsl(180,70%,50%)
hsl(180,80%,50%)
hsl(190,20%,50%)
hsl(190,30%,50%)
hsl(190,40%,50%)
hsl(190,50%,50%)
hsl(190,60%,50%)
hsl(190,70%,50%)
hsl(190,80%,50%)
hsl(200,20%,50%)
hsl(200,30%,50%)
hsl(200,40%,50%)
hsl(200,50%,50%)
hsl(200,60%,50%)
hsl(200,70%,50%)
hsl(200,80%,50%)
hsl(210,20%,50%)
hsl(210,30%,50%)
hsl(210,40%,50%)
hsl(210,50%,50%)
hsl(210,60%,50%)
hsl(210,70%,50%)
hsl(210,80%,50%)
hsl(220,20%,50%)
hsl(220,30%,50%)
hsl(220,40%,50%)
hsl(220,50%,50%)
hsl(220,60%,50%)
hsl(220,70%,50%)
hsl(220,80%,50%)
hsl(230,20%,50%)
hsl(230,30%,50%)
hsl(230,40%,50%)
hsl(230,50%,50%)
hsl(230,60%,50%)
hsl(230,70%,50%)
hsl(230,80%,50%)
hsl(240,20%,50%)
hsl(240,30%,50%)
hsl(240,40%,50%)
hsl(240,50%,50%)
hsl(240,60%,50%)
hsl(240,70%,50%)
hsl(240,80%,50%)
hsl(250,20%,50%)
hsl(250,30%,50%)
hsl(250,40%,50%)
hsl(250,50%,50%)
hsl(250,60%,50%)
hsl(250,70%,50%)
hsl(250,80%,50%)
hsl(260,20%,50%)
hsl(260,30%,50%)
hsl(260,40%,50%)
hsl(260,50%,50%)
hsl(260,60%,50%)
hsl(260,70%,50%)
hsl(260,80%,50%)
hsl(270,20%,50%)
hsl(270,30%,50%)
hsl(270,40%,50%)
hsl(270,50%,50%)
hsl(270,60%,50%)
hsl(270,70%,50%)
hsl(270,80%,50%)
hsl(280,20%,50%)
hsl(280,30%,50%)
hsl(280,40%,50%)
hsl(280,50%,50%)
hsl(280,60%,50%)
hsl(280,70%,50%)
hsl(280,80%,50%)
hsl(290,20%,50%)
hsl(290,30%,50%)
hsl(290,40%,50%)
hsl(290,50%,50%)
hsl(290,60%,50%)
hsl(290,70%,50%)
hsl(290,80%,50%)
hsl(300,20%,50%)
hsl(300,30%,50%)
hsl(300,40%,50%)
hsl(300,50%,50%)
hsl(300,60%,50%)
hsl(300,70%,50%)
hsl(300,80%,50%)
hsl(310,20%,50%)
hsl(310,30%,50%)
hsl(310,40%,50%)
hsl(310,50%,50%)
hsl(310,60%,50%)
hsl(310,70%,50%)
hsl(310,80%,50%)
hsl(320,20%,50%)
hsl(320,30%,50%)
hsl(320,40%,50%)
hsl(320,50%,50%)
hsl(320,60%,50%)
hsl(320,70%,50%)
hsl(320,80%,50%)
hsl(330,20%,50%)
hsl(330,30%,50%)
hsl(330,40%,50%)
hsl(330,50%,50%)
hsl(330,60%,50%)
hsl(330,70%,50%)
hsl(330,80%,50%)
hsl(340,20%,50%)
hsl(340,30%,50%)
hsl(340,40%,50%)
hsl(340,50%,50%)
hsl(340,60%,50%)
hsl(340,70%,50%)
hsl(340,80%,50%)
hsl(350,20%,50%)
hsl(350,30%,50%)
hsl(350,40%,50%)
hsl(350,50%,50%)
hsl(350,60%,50%)
hsl(350,70%,50%)
hsl(350,80%,50%)