颜色选择器 - 菜鸟教程

颜色选择器 :

colormap

或者输入一个颜色:

或者使用HTML5选择:

选择的颜色:

黑色文本

阴影

白色文本

阴影

#080000

rgb(8, 0, 0)

hsl(0, 100%, 2%)

更亮 / 更暗:

100%		#ffffff
95%		#ffe6e6
90%		#ffcccc
85%		#ffb3b3
80%		#ff9999
75%		#ff8080
70%		#ff6666
65%		#ff4d4d
60%		#ff3333
55%		#ff1a1a
50%		#ff0000
45%		#e60000
40%		#cc0000
35%		#b30000
30%		#990000
25%		#800000
20%		#660000
15%		#4d0000
10%		#330000
5%		#1a0000

2%		#080000

0%		#000000

色调

	hue	Hex	Rgb	Hsl
	0	#080000	rgb(8, 0, 0)	hsl(0, 100%, 2%)
	15	#0a0300	rgb(10, 3, 0)	hsl(15, 100%, 2%)
	30	#0a0500	rgb(10, 5, 0)	hsl(30, 100%, 2%)
	45	#0a0800	rgb(10, 8, 0)	hsl(45, 100%, 2%)
	60	#0a0a00	rgb(10, 10, 0)	hsl(60, 100%, 2%)
	75	#080a00	rgb(8, 10, 0)	hsl(75, 100%, 2%)
	90	#050a00	rgb(5, 10, 0)	hsl(90, 100%, 2%)
	105	#030a00	rgb(3, 10, 0)	hsl(105, 100%, 2%)
	120	#000a00	rgb(0, 10, 0)	hsl(120, 100%, 2%)
	135	#000a03	rgb(0, 10, 3)	hsl(135, 100%, 2%)
	150	#000a05	rgb(0, 10, 5)	hsl(150, 100%, 2%)
	165	#000a08	rgb(0, 10, 8)	hsl(165, 100%, 2%)
	180	#000a0a	rgb(0, 10, 10)	hsl(180, 100%, 2%)
	195	#00080a	rgb(0, 8, 10)	hsl(195, 100%, 2%)
	210	#00050a	rgb(0, 5, 10)	hsl(210, 100%, 2%)
	225	#00030a	rgb(0, 3, 10)	hsl(225, 100%, 2%)
	240	#00000a	rgb(0, 0, 10)	hsl(240, 100%, 2%)
	255	#03000a	rgb(3, 0, 10)	hsl(255, 100%, 2%)
	270	#05000a	rgb(5, 0, 10)	hsl(270, 100%, 2%)
	285	#08000a	rgb(8, 0, 10)	hsl(285, 100%, 2%)
	300	#0a000a	rgb(10, 0, 10)	hsl(300, 100%, 2%)
	315	#0a0008	rgb(10, 0, 8)	hsl(315, 100%, 2%)
	330	#0a0005	rgb(10, 0, 5)	hsl(330, 100%, 2%)
	345	#0a0003	rgb(10, 0, 3)	hsl(345, 100%, 2%)
	360	#0a0000	rgb(10, 0, 0)	hsl(0, 100%, 2%)

饱和度

	sat	Hex	Rgb	Hsl
	100%	#080000	rgb(8, 0, 0)	hsl(0, 100%, 2%)
	95%	#0a0000	rgb(10, 0, 0)	hsl(0, 95%, 2%)
	90%	#0a0101	rgb(10, 1, 1)	hsl(0, 90%, 2%)
	85%	#090101	rgb(9, 1, 1)	hsl(0, 85%, 2%)
	80%	#090101	rgb(9, 1, 1)	hsl(0, 80%, 2%)
	75%	#090101	rgb(9, 1, 1)	hsl(0, 75%, 2%)
	70%	#090202	rgb(9, 2, 2)	hsl(0, 70%, 2%)
	65%	#080202	rgb(8, 2, 2)	hsl(0, 65%, 2%)
	60%	#080202	rgb(8, 2, 2)	hsl(0, 60%, 2%)
	55%	#080202	rgb(8, 2, 2)	hsl(0, 55%, 2%)
	50%	#080303	rgb(8, 3, 3)	hsl(0, 50%, 2%)
	45%	#070303	rgb(7, 3, 3)	hsl(0, 45%, 2%)
	40%	#070303	rgb(7, 3, 3)	hsl(0, 40%, 2%)
	35%	#070303	rgb(7, 3, 3)	hsl(0, 35%, 2%)
	30%	#070404	rgb(7, 4, 4)	hsl(0, 30%, 2%)
	25%	#060404	rgb(6, 4, 4)	hsl(0, 25%, 2%)
	20%	#060404	rgb(6, 4, 4)	hsl(0, 20%, 2%)
	15%	#060404	rgb(6, 4, 4)	hsl(0, 15%, 2%)
	10%	#060505	rgb(6, 5, 5)	hsl(0, 10%, 2%)
	5%	#050505	rgb(5, 5, 5)	hsl(0, 5%, 2%)
	0%	#050505	rgb(5, 5, 5)	hsl(0, 0%, 2%)

亮度

	light	Hex	Rgb	Hsl
	100%	#ffffff	rgb(255, 255, 255)	hsl(0, 100%, 100%)
	95%	#ffe6e6	rgb(255, 230, 230)	hsl(0, 100%, 95%)
	90%	#ffcccc	rgb(255, 204, 204)	hsl(0, 100%, 90%)
	85%	#ffb3b3	rgb(255, 179, 179)	hsl(0, 100%, 85%)
	80%	#ff9999	rgb(255, 153, 153)	hsl(0, 100%, 80%)
	75%	#ff8080	rgb(255, 128, 128)	hsl(0, 100%, 75%)
	70%	#ff6666	rgb(255, 102, 102)	hsl(0, 100%, 70%)
	65%	#ff4d4d	rgb(255, 77, 77)	hsl(0, 100%, 65%)
	60%	#ff3333	rgb(255, 51, 51)	hsl(0, 100%, 60%)
	55%	#ff1a1a	rgb(255, 26, 26)	hsl(0, 100%, 55%)
	50%	#ff0000	rgb(255, 0, 0)	hsl(0, 100%, 50%)
	45%	#e60000	rgb(230, 0, 0)	hsl(0, 100%, 45%)
	40%	#cc0000	rgb(204, 0, 0)	hsl(0, 100%, 40%)
	35%	#b30000	rgb(179, 0, 0)	hsl(0, 100%, 35%)
	30%	#990000	rgb(153, 0, 0)	hsl(0, 100%, 30%)
	25%	#800000	rgb(128, 0, 0)	hsl(0, 100%, 25%)
	20%	#660000	rgb(102, 0, 0)	hsl(0, 100%, 20%)
	15%	#4d0000	rgb(77, 0, 0)	hsl(0, 100%, 15%)
	10%	#330000	rgb(51, 0, 0)	hsl(0, 100%, 10%)
	5%	#1a0000	rgb(26, 0, 0)	hsl(0, 100%, 5%)
	2%	#080000	rgb(8, 0, 0)	hsl(0, 100%, 2%)
	0%	#000000	rgb(0, 0, 0)	hsl(0, 100%, 0%)

RGB (Red, Green, Blue)

红	绿	蓝
8	0	0

红



绿



蓝

            rgb(8, 0, 0)

            #080000