颜色选择器 :

colormap #003366 #336699 #3366CC #003399 #000099 #0000CC #000066 #006666 #006699 #0099CC #0066CC #0033CC #0000FF #3333FF #333399 #669999 #009999 #33CCCC #00CCFF #0099FF #0066FF #3366FF #3333CC #666699 #339966 #00CC99 #00FFCC #00FFFF #33CCFF #3399FF #6699FF #6666FF #6600FF #6600CC #339933 #00CC66 #00FF99 #66FFCC #66FFFF #66CCFF #99CCFF #9999FF #9966FF #9933FF #9900FF #006600 #00CC00 #00FF00 #66FF99 #99FFCC #CCFFFF #CCCCFF #CC99FF #CC66FF #CC33FF #CC00FF #9900CC #003300 #009933 #33CC33 #66FF66 #99FF99 #CCFFCC #FFFFFF #FFCCFF #FF99FF #FF66FF #FF00FF #CC00CC #660066 #336600 #009900 #66FF33 #99FF66 #CCFF99 #FFFFCC #FFCCCC #FF99CC #FF66CC #FF33CC #CC0099 #993399 #333300 #669900 #99FF33 #CCFF66 #FFFF99 #FFCC99 #FF9999 #FF6699 #FF3399 #CC3399 #990099 #666633 #99CC00 #CCFF33 #FFFF66 #FFCC66 #FF9966 #FF6666 #FF0066 #CC6699 #993366 #999966 #CCCC00 #FFFF00 #FFCC00 #FF9933 #FF6600 #FF5050 #CC0066 #660033 #996633 #CC9900 #FF9900 #CC6600 #FF3300 #FF0000 #CC0000 #990033 #663300 #996600 #CC3300 #993300 #990000 #800000 #993333
 

或者输入一个颜色:


或者使用HTML5选择:



选择的颜色:



黑色文本

阴影

白色文本

阴影
IndianRed
#cd5c5c
rgb(205, 92, 92)
hsl(0, 53%, 58%)

更亮 / 更暗:

100%  #ffffff
95%  #f9ebeb
90%  #f3d8d8
85%  #edc4c4
80%  #e7b1b1
75%  #e19d9d
70%  #db8a8a
65%  #d57676
60%  #cf6363
58%  #cd5c5c
55%  #c94f4f
50%  #c33c3c
45%  #b03636
40%  #9c3030
35%  #892a2a
30%  #752424
25%  #621e1e
20%  #4e1818
15%  #3b1212
10%  #270c0c
5%  #140606
0%  #000000

色调

hue HexRgbHsl
#cd5c5crgb(205, 92, 92)hsl(0, 53%, 58%)
15 #cd785brgb(205, 120, 91)hsl(15, 53%, 58%)
30 #cd945brgb(205, 148, 91)hsl(30, 53%, 58%)
45 #cdb05brgb(205, 176, 91)hsl(45, 53%, 58%)
60 #cdcd5brgb(205, 205, 91)hsl(60, 53%, 58%)
75 #b0cd5brgb(176, 205, 91)hsl(75, 53%, 58%)
90 #94cd5brgb(148, 205, 91)hsl(90, 53%, 58%)
105 #78cd5brgb(120, 205, 91)hsl(105, 53%, 58%)
120 #5bcd5brgb(91, 205, 91)hsl(120, 53%, 58%)
135 #5bcd78rgb(91, 205, 120)hsl(135, 53%, 58%)
150 #5bcd94rgb(91, 205, 148)hsl(150, 53%, 58%)
165 #5bcdb0rgb(91, 205, 176)hsl(165, 53%, 58%)
180 #5bcdcdrgb(91, 205, 205)hsl(180, 53%, 58%)
195 #5bb0cdrgb(91, 176, 205)hsl(195, 53%, 58%)
210 #5b94cdrgb(91, 148, 205)hsl(210, 53%, 58%)
225 #5b78cdrgb(91, 120, 205)hsl(225, 53%, 58%)
240 #5b5bcdrgb(91, 91, 205)hsl(240, 53%, 58%)
255 #785bcdrgb(120, 91, 205)hsl(255, 53%, 58%)
270 #945bcdrgb(148, 91, 205)hsl(270, 53%, 58%)
285 #b05bcdrgb(176, 91, 205)hsl(285, 53%, 58%)
300 #cd5bcdrgb(205, 91, 205)hsl(300, 53%, 58%)
315 #cd5bb0rgb(205, 91, 176)hsl(315, 53%, 58%)
330 #cd5b94rgb(205, 91, 148)hsl(330, 53%, 58%)
345 #cd5b78rgb(205, 91, 120)hsl(345, 53%, 58%)
360 #cd5b5brgb(205, 91, 91)hsl(0, 53%, 58%)


饱和度

sat HexRgbHsl
100% #ff2929rgb(255, 41, 41)hsl(0, 100%, 58%)
95% #fa2e2ergb(250, 46, 46)hsl(0, 95%, 58%)
90% #f43434rgb(244, 52, 52)hsl(0, 90%, 58%)
85% #ef3939rgb(239, 57, 57)hsl(0, 85%, 58%)
80% #ea3e3ergb(234, 62, 62)hsl(0, 80%, 58%)
75% #e44444rgb(228, 68, 68)hsl(0, 75%, 58%)
70% #df4949rgb(223, 73, 73)hsl(0, 70%, 58%)
65% #da4e4ergb(218, 78, 78)hsl(0, 65%, 58%)
60% #d45454rgb(212, 84, 84)hsl(0, 60%, 58%)
55% #cf5959rgb(207, 89, 89)hsl(0, 55%, 58%)
53% #cd5c5crgb(205, 92, 92)hsl(0, 53%, 58%)
50% #c95e5ergb(201, 94, 94)hsl(0, 50%, 58%)
45% #c46464rgb(196, 100, 100)hsl(0, 45%, 58%)
40% #bf6969rgb(191, 105, 105)hsl(0, 40%, 58%)
35% #b96e6ergb(185, 110, 110)hsl(0, 35%, 58%)
30% #b47474rgb(180, 116, 116)hsl(0, 30%, 58%)
25% #af7979rgb(175, 121, 121)hsl(0, 25%, 58%)
20% #a97e7ergb(169, 126, 126)hsl(0, 20%, 58%)
15% #a48484rgb(164, 132, 132)hsl(0, 15%, 58%)
10% #9f8989rgb(159, 137, 137)hsl(0, 10%, 58%)
5% #998f8frgb(153, 143, 143)hsl(0, 5%, 58%)
0% #949494rgb(148, 148, 148)hsl(0, 0%, 58%)

亮度

light HexRgbHsl
100% #ffffffrgb(255, 255, 255)hsl(0, 53%, 100%)
95% #f9ebebrgb(249, 235, 235)hsl(0, 53%, 95%)
90% #f3d8d8rgb(243, 216, 216)hsl(0, 53%, 90%)
85% #edc4c4rgb(237, 196, 196)hsl(0, 53%, 85%)
80% #e7b1b1rgb(231, 177, 177)hsl(0, 53%, 80%)
75% #e19d9drgb(225, 157, 157)hsl(0, 53%, 75%)
70% #db8a8argb(219, 138, 138)hsl(0, 53%, 70%)
65% #d57676rgb(213, 118, 118)hsl(0, 53%, 65%)
60% #cf6363rgb(207, 99, 99)hsl(0, 53%, 60%)
58% #cd5c5crgb(205, 92, 92)hsl(0, 53%, 58%)
55% #c94f4frgb(201, 79, 79)hsl(0, 53%, 55%)
50% #c33c3crgb(195, 60, 60)hsl(0, 53%, 50%)
45% #b03636rgb(176, 54, 54)hsl(0, 53%, 45%)
40% #9c3030rgb(156, 48, 48)hsl(0, 53%, 40%)
35% #892a2argb(137, 42, 42)hsl(0, 53%, 35%)
30% #752424rgb(117, 36, 36)hsl(0, 53%, 30%)
25% #621e1ergb(98, 30, 30)hsl(0, 53%, 25%)
20% #4e1818rgb(78, 24, 24)hsl(0, 53%, 20%)
15% #3b1212rgb(59, 18, 18)hsl(0, 53%, 15%)
10% #270c0crgb(39, 12, 12)hsl(0, 53%, 10%)
5% #140606rgb(20, 6, 6)hsl(0, 53%, 5%)
0% #000000rgb(0, 0, 0)hsl(0, 53%, 0%)

RGB (Red, Green, Blue)

绿
205 92 92
绿
rgb(205, 92, 92)
#cd5c5c