颜色选择器 - 菜鸟教程

颜色选择器 :

colormap

或者输入一个颜色:

或者使用HTML5选择:

选择的颜色:

黑色文本

阴影

白色文本

阴影

White

#ffffff

rgb(255, 255, 255)

hsl(0, 0%, 100%)

更亮 / 更暗:


100%		#ffffff

95%		#f2f2f2
90%		#e6e6e6
85%		#d9d9d9
80%		#cccccc
75%		#bfbfbf
70%		#b3b3b3
65%		#a6a6a6
60%		#999999
55%		#8c8c8c
50%		#808080
45%		#737373
40%		#666666
35%		#595959
30%		#4d4d4d
25%		#404040
20%		#333333
15%		#262626
10%		#1a1a1a
5%		#0d0d0d
0%		#000000

色调

	hue	Hex	Rgb	Hsl
	0	#ffffff	rgb(255, 255, 255)	hsl(0, 0%, 100%)
	15	#ffffff	rgb(255, 255, 255)	hsl(15, 0%, 100%)
	30	#ffffff	rgb(255, 255, 255)	hsl(30, 0%, 100%)
	45	#ffffff	rgb(255, 255, 255)	hsl(45, 0%, 100%)
	60	#ffffff	rgb(255, 255, 255)	hsl(60, 0%, 100%)
	75	#ffffff	rgb(255, 255, 255)	hsl(75, 0%, 100%)
	90	#ffffff	rgb(255, 255, 255)	hsl(90, 0%, 100%)
	105	#ffffff	rgb(255, 255, 255)	hsl(105, 0%, 100%)
	120	#ffffff	rgb(255, 255, 255)	hsl(120, 0%, 100%)
	135	#ffffff	rgb(255, 255, 255)	hsl(135, 0%, 100%)
	150	#ffffff	rgb(255, 255, 255)	hsl(150, 0%, 100%)
	165	#ffffff	rgb(255, 255, 255)	hsl(165, 0%, 100%)
	180	#ffffff	rgb(255, 255, 255)	hsl(180, 0%, 100%)
	195	#ffffff	rgb(255, 255, 255)	hsl(195, 0%, 100%)
	210	#ffffff	rgb(255, 255, 255)	hsl(210, 0%, 100%)
	225	#ffffff	rgb(255, 255, 255)	hsl(225, 0%, 100%)
	240	#ffffff	rgb(255, 255, 255)	hsl(240, 0%, 100%)
	255	#ffffff	rgb(255, 255, 255)	hsl(255, 0%, 100%)
	270	#ffffff	rgb(255, 255, 255)	hsl(270, 0%, 100%)
	285	#ffffff	rgb(255, 255, 255)	hsl(285, 0%, 100%)
	300	#ffffff	rgb(255, 255, 255)	hsl(300, 0%, 100%)
	315	#ffffff	rgb(255, 255, 255)	hsl(315, 0%, 100%)
	330	#ffffff	rgb(255, 255, 255)	hsl(330, 0%, 100%)
	345	#ffffff	rgb(255, 255, 255)	hsl(345, 0%, 100%)
	360	#ffffff	rgb(255, 255, 255)	hsl(0, 0%, 100%)

饱和度

	sat	Hex	Rgb	Hsl
	100%	#ffffff	rgb(255, 255, 255)	hsl(0, 100%, 100%)
	95%	#ffffff	rgb(255, 255, 255)	hsl(0, 95%, 100%)
	90%	#ffffff	rgb(255, 255, 255)	hsl(180, 90%, 100%)
	85%	#ffffff	rgb(255, 255, 255)	hsl(0, 85%, 100%)
	80%	#ffffff	rgb(255, 255, 255)	hsl(0, 80%, 100%)
	75%	#ffffff	rgb(255, 255, 255)	hsl(0, 75%, 100%)
	70%	#ffffff	rgb(255, 255, 255)	hsl(0, 70%, 100%)
	65%	#ffffff	rgb(255, 255, 255)	hsl(180, 65%, 100%)
	60%	#ffffff	rgb(255, 255, 255)	hsl(0, 60%, 100%)
	55%	#ffffff	rgb(255, 255, 255)	hsl(0, 55%, 100%)
	50%	#ffffff	rgb(255, 255, 255)	hsl(0, 50%, 100%)
	45%	#ffffff	rgb(255, 255, 255)	hsl(0, 45%, 100%)
	40%	#ffffff	rgb(255, 255, 255)	hsl(180, 40%, 100%)
	35%	#ffffff	rgb(255, 255, 255)	hsl(0, 35%, 100%)
	30%	#ffffff	rgb(255, 255, 255)	hsl(0, 30%, 100%)
	25%	#ffffff	rgb(255, 255, 255)	hsl(0, 25%, 100%)
	20%	#ffffff	rgb(255, 255, 255)	hsl(0, 20%, 100%)
	15%	#ffffff	rgb(255, 255, 255)	hsl(180, 15%, 100%)
	10%	#ffffff	rgb(255, 255, 255)	hsl(0, 10%, 100%)
	5%	#ffffff	rgb(255, 255, 255)	hsl(0, 5%, 100%)
	0%	#ffffff	rgb(255, 255, 255)	hsl(0, 0%, 100%)

亮度

	light	Hex	Rgb	Hsl
	100%	#ffffff	rgb(255, 255, 255)	hsl(0, 0%, 100%)
	95%	#f2f2f2	rgb(242, 242, 242)	hsl(0, 0%, 95%)
	90%	#e6e6e6	rgb(230, 230, 230)	hsl(0, 0%, 90%)
	85%	#d9d9d9	rgb(217, 217, 217)	hsl(0, 0%, 85%)
	80%	#cccccc	rgb(204, 204, 204)	hsl(0, 0%, 80%)
	75%	#bfbfbf	rgb(191, 191, 191)	hsl(0, 0%, 75%)
	70%	#b3b3b3	rgb(179, 179, 179)	hsl(0, 0%, 70%)
	65%	#a6a6a6	rgb(166, 166, 166)	hsl(0, 0%, 65%)
	60%	#999999	rgb(153, 153, 153)	hsl(0, 0%, 60%)
	55%	#8c8c8c	rgb(140, 140, 140)	hsl(0, 0%, 55%)
	50%	#808080	rgb(128, 128, 128)	hsl(0, 0%, 50%)
	45%	#737373	rgb(115, 115, 115)	hsl(0, 0%, 45%)
	40%	#666666	rgb(102, 102, 102)	hsl(0, 0%, 40%)
	35%	#595959	rgb(89, 89, 89)	hsl(0, 0%, 35%)
	30%	#4d4d4d	rgb(77, 77, 77)	hsl(0, 0%, 30%)
	25%	#404040	rgb(64, 64, 64)	hsl(0, 0%, 25%)
	20%	#333333	rgb(51, 51, 51)	hsl(0, 0%, 20%)
	15%	#262626	rgb(38, 38, 38)	hsl(0, 0%, 15%)
	10%	#1a1a1a	rgb(26, 26, 26)	hsl(0, 0%, 10%)
	5%	#0d0d0d	rgb(13, 13, 13)	hsl(0, 0%, 5%)
	0%	#000000	rgb(0, 0, 0)	hsl(0, 0%, 0%)

RGB (Red, Green, Blue)

红	绿	蓝
255	255	255

红



绿



蓝

            rgb(255, 255, 255)

            #ffffff