网站链接: 我爱捣鼓
当前位置: 首页 > 前端开发  > css

css颜色单词有哪些?

2021/7/17 19:49:33

css颜色单词常用的也就100多个,今天我们将这些常用的颜色单词列举出来,以便大家使用!名称16进制百分值整数值16进制缩写示例aliceblue#f0f8ffrgb(94.1%,96.9%,100%)rgb(240,248,255) antiquewhite#faebd7rgb(98%,92.2%,84.3%)rgb(250,235,215) aqua#00ffffrgb(0%,100%,…

css颜色单词常用的也就100多个,今天我们将这些常用的颜色单词列举出来,以便大家使用!


名称16进制百分值整数值16进制缩写示例
aliceblue#f0f8ffrgb(94.1%,96.9%,100%)rgb(240,248,255) Color Example
antiquewhite#faebd7rgb(98%,92.2%,84.3%)rgb(250,235,215) Color Example
aqua#00ffffrgb(0%,100%,100%)rgb(0,255,255)#0ffColor Example
aquamarine#7fffd4rgb(49.8%,100%,83.1%)rgb(127,255,212) Color Example
azure#f0ffffrgb(94.1%,100%,100%)rgb(240,255,255) Color Example
beige#f5f5dcrgb(96.1%,96.1%,86.3%)rgb(245,245,220) Color Example
bisque#ffe4c4rgb(100%,89.4%,76.9%)rgb(255,228,196) Color Example
black#000000rgb(0%,0%,0%)rgb(0,0,0)#000Color Example
blanchedalmond#ffebcdrgb(100%,92.2%,80.4%)rgb(255,235,205) Color Example
blue#0000ffrgb(0%,0%,100%)rgb(0,0,255)#00fColor Example
blueviolet#8a2be2rgb(54.1%,16.9%,88.6%)rgb(138,43,226) Color Example
brown#a52a2argb(64.7%,16.5%,16.5%)rgb(165,42,42) Color Example
burlywood#deb887rgb(87.1%,72.2%,52.9%)rgb(222,184,135) Color Example
cadetblue#5f9ea0rgb(37.3%,62%,62.7%)rgb(95,158,160) Color Example
chartreuse#7fff00rgb(49.8%,100%,0%)rgb(127,255,0) Color Example
chocolate#d2691ergb(82.4%,41.1%,11.8%)rgb(210,105,30) Color Example
coral#ff7f50rgb(100%,49.8%,31.4%)rgb(255,127,80) Color Example
cornflowerblue#6495edrgb(39.2%,58.4%,92.9%)rgb(100,149,237) Color Example
cornsilk#fff8dcrgb(100%,97.3%,86.3%)rgb(255,248,220) Color Example
crimson#dc143crgb(86.3%,7.8%,23.5%)rgb(220,20,60) Color Example
cyan#00ffffrgb(0%,100%,100%)rgb(0,255,255)#0ffColor Example
darkblue#00008brgb(0%,0%,54.5%)rgb(0,0,139) Color Example
darkcyan#008b8brgb(0%,54.5%,54.5%)rgb(0,139,139) Color Example
darkgoldenrod#b8860brgb(72.2%,52.5%,4.3%)rgb(184,134,11) Color Example
darkgray#a9a9a9rgb(66.3%,66.3%,66.3%)rgb(169,169,169) Color Example
darkgreen#006400rgb(0%,39.2%,0%)rgb(0,100,0) Color Example
darkgrey#a9a9a9rgb(66.3%,66.3%,66.3%)rgb(169,169,169) Color Example
darkkhaki#bdb76brgb(74.1%,71.8%,42%)rgb(189,183,107) Color Example
darkmagenta#8b008brgb(54.5%,0%,54.5%)rgb(139,0,139) Color Example
darkolivegreen#556b2frgb(33.3%,42%,18.4%)rgb(85,107,47) Color Example
darkorange#ff8c00rgb(100%,54.9%,0%)rgb(255,140,0) Color Example
darkorchid#9932ccrgb(60%,19.6%,80%)rgb(153,50,204) Color Example
darkred#8b0000rgb(54.5%,0%,0%)rgb(139,0,0) Color Example
darksalmon#e9967argb(91.4%,58.8%,47.8%)rgb(233,150,122) Color Example
darkseagreen#8fbc8frgb(56.1%,73.7%,56.1%)rgb(143,188,143) Color Example
darkslateblue#483d8brgb(28.2%,23.9%,54.5%)rgb(72,61,139) Color Example
darkslategray#2f4f4frgb(18.4%,31%,31%)rgb(47,79,79) Color Example
darkslategrey#2f4f4frgb(18.4%,31%,31%)rgb(47,79,79) Color Example
darkturquoise#00ced1rgb(0%,80.8%,82%)rgb(0,206,209) Color Example
darkviolet#9400d3rgb(58%,0%,82.7%)rgb(148,0,211) Color Example
deeppink#ff1493rgb(100%,7.8%,57.6%)rgb(255,20,147) Color Example
deepskyblue#00bfffrgb(0%,74.9%,100%)rgb(0,191,255) Color Example
dimgray#696969rgb(41.1%,41.1%,41.1%)rgb(105,105,105) Color Example
dimgrey#696969rgb(41.1%,41.1%,41.1%)rgb(105,105,105) Color Example
dodgerblue#1e90ffrgb(11.8%,56.5%,100%)rgb(30,144,255) Color Example
firebrick#b22222rgb(69.8%,13.3%,13.3%)rgb(178,34,34) Color Example
floralwhite#fffaf0rgb(100%,98%,94.1%)rgb(255,250,240) Color Example
forestgreen#228b22rgb(13.3%,54.5%,13.3%)rgb(34,139,34) Color Example
fuchsia#ff00ffrgb(100%,0%,100%)rgb(255,0,255)#f0fColor Example
gainsboro#dcdcdcrgb(86.3%,86.3%,86.3%)rgb(220,220,220) Color Example
ghostwhite#f8f8ffrgb(97.3%,97.3%,100%)rgb(248,248,255) Color Example
gold#ffd700rgb(100%,84.3%,0%)rgb(255,215,0) Color Example
goldenrod#daa520rgb(85.5%,64.7%,12.5%)rgb(218,165,32) Color Example
gray#808080rgb(50.2%,50.2%,50.2%)rgb(128,128,128) Color Example
green#008000rgb(0%,50.2%,0%)rgb(0,128,0) Color Example
greenyellow#adff2frgb(67.8%,100%,18.4%)rgb(173,255,47) Color Example
grey#808080rgb(50.2%,50.2%,50.2%)rgb(128,128,128) Color Example
honeydew#f0fff0rgb(94.1%,100%,94.1%)rgb(240,255,240) Color Example
hotpink#ff69b4rgb(100%,41.1%,70.6%)rgb(255,105,180) Color Example
indianred#cd5c5crgb(80.4%,36%,36%)rgb(205,92,92) Color Example
indigo#4b0082rgb(29.4%,0%,51%)rgb(75,0,130) Color Example
ivory#fffff0rgb(100%,100%,94.1%)rgb(255,255,240) Color Example
khaki#f0e68crgb(94.1%,90.2%,54.9%)rgb(240,230,140) Color Example
lavender#e6e6fargb(90.2%,90.2%,98%)rgb(230,230,250) Color Example
lavenderblush#fff0f5rgb(100%,94.1%,96.1%)rgb(255,240,245) Color Example
lawngreen#7cfc00rgb(48.6%,98.8%,0%)rgb(124,252,0) Color Example
lemonchiffon#fffacdrgb(100%,98%,80.4%)rgb(255,250,205) Color Example
lightblue#add8e6rgb(67.8%,84.7%,90.2%)rgb(173,216,230) Color Example
lightcoral#f08080rgb(94.1%,50.2%,50.2%)rgb(240,128,128) Color Example
lightcyan#e0ffffrgb(87.8%,100%,100%)rgb(224,255,255) Color Example
lightgoldenrodyellow#fafad2rgb(98%,98%,82.4%)rgb(250,250,210) Color Example
lightgray#d3d3d3rgb(82.7%,82.7%,82.7%)rgb(211,211,211) Color Example
lightgreen#90ee90rgb(56.5%,93.3%,56.5%)rgb(144,238,144) Color Example
lightgrey#d3d3d3rgb(82.7%,82.7%,82.7%)rgb(211,211,211) Color Example
lightpink#ffb6c1rgb(100%,71.4%,75.7%)rgb(255,182,193) Color Example
lightsalmon#ffa07argb(100%,62.7%,47.8%)rgb(255,160,122) Color Example
lightseagreen#20b2aargb(12.5%,69.8%,66.7%)rgb(32,178,170) Color Example
lightskyblue#87cefargb(52.9%,80.8%,98%)rgb(135,206,250) Color Example
lightslategray#778899rgb(46.7%,53.3%,60%)rgb(119,136,153)#789Color Example
lightslategrey#778899rgb(46.7%,53.3%,60%)rgb(119,136,153)#789Color Example
lightsteelblue#b0c4dergb(69%,76.9%,87.1%)rgb(176,196,222) Color Example
lightyellow#ffffe0rgb(100%,100%,87.8%)rgb(255,255,224) Color Example
lime#00ff00rgb(0%,100%,0%)rgb(0,255,0)#0f0Color Example
limegreen#32cd32rgb(19.6%,80.4%,19.6%)rgb(50,205,50) Color Example
linen#faf0e6rgb(98%,94.1%,90.2%)rgb(250,240,230) Color Example
magenta#ff00ffrgb(100%,0%,100%)rgb(255,0,255)#f0fColor Example
maroon#800000rgb(50.2%,0%,0%)rgb(128,0,0) Color Example
mediumaquamarine#66cdaargb(40%,80.4%,66.7%)rgb(102,205,170) Color Example
mediumblue#0000cdrgb(0%,0%,80.4%)rgb(0,0,205) Color Example
mediumorchid#ba55d3rgb(72.9%,33.3%,82.7%)rgb(186,85,211) Color Example
mediumpurple#9370dbrgb(57.6%,43.9%,85.9%)rgb(147,112,219) Color Example
mediumseagreen#3cb371rgb(23.5%,70.2%,44.3%)rgb(60,179,113) Color Example
mediumslateblue#7b68eergb(48.2%,40.8%,93.3%)rgb(123,104,238) Color Example
mediumspringgreen#00fa9argb(0%,98%,60.4%)rgb(0,250,154) Color Example
mediumturquoise#48d1ccrgb(28.2%,82%,80%)rgb(72,209,204) Color Example
mediumvioletred#c71585rgb(78%,8.2%,52.2%)rgb(199,21,133) Color Example
midnightblue#191970rgb(9.8%,9.8%,43.9%)rgb(25,25,112) Color Example
mintcream#f5fffargb(96.1%,100%,98%)rgb(245,255,250) Color Example
mistyrose#ffe4e1rgb(100%,89.4%,88.2%)rgb(255,228,225) Color Example
moccasin#ffe4b5rgb(100%,89.4%,71%)rgb(255,228,181) Color Example
navajowhite#ffdeadrgb(100%,87.1%,67.8%)rgb(255,222,173) Color Example
navy#000080rgb(0%,0%,50.2%)rgb(0,0,128) Color Example
oldlace#fdf5e6rgb(99.2%,96.1%,90.2%)rgb(253,245,230) Color Example
olive#808000rgb(50.2%,50.2%,0%)rgb(128,128,0) Color Example
olivedrab#6b8e23rgb(42%,55.7%,13.7%)rgb(107,142,35) Color Example
orange#ffa500rgb(100%,64.7%,0%)rgb(255,165,0) Color Example
orangered#ff4500rgb(100%,27.1%,0%)rgb(255,69,0) Color Example
orchid#da70d6rgb(85.5%,43.9%,83.9%)rgb(218,112,214) Color Example
palegoldenrod#eee8aargb(93.3%,91%,66.7%)rgb(238,232,170) Color Example
palegreen#98fb98rgb(59.6%,98.4%,59.6%)rgb(152,251,152) Color Example
paleturquoise#afeeeergb(68.6%,93.3%,93.3%)rgb(175,238,238) Color Example
palevioletred#db7093rgb(85.9%,43.9%,57.6%)rgb(219,112,147) Color Example
papayawhip#ffefd5rgb(100%,93.7%,83.5%)rgb(255,239,213) Color Example
peachpuff#ffdab9rgb(100%,85.5%,72.5%)rgb(255,218,185) Color Example
peru#cd853frgb(80.4%,52.2%,24.7%)rgb(205,133,63) Color Example
pink#ffc0cbrgb(100%,75.3%,79.6%)rgb(255,192,203) Color Example
plum#dda0ddrgb(86.7%,62.7%,86.7%)rgb(221,160,221) Color Example
powderblue#b0e0e6rgb(69%,87.8%,90.2%)rgb(176,224,230) Color Example
purple#800080rgb(50.2%,0%,50.2%)rgb(128,0,128) Color Example
red#ff0000rgb(100%,0%,0%)rgb(255,0,0)#f00Color Example
rosybrown#bc8f8frgb(73.7%,56.1%,56.1%)rgb(188,143,143) Color Example
royalblue#4169e1rgb(25.5%,41.1%,100%)rgb(65,105,225) Color Example
saddlebrown#8b4513rgb(54.5%,27.1%,7.5%)rgb(139,69,19) Color Example
salmon#fa8072rgb(98%,50.2%,44.7%)rgb(250,128,114) Color Example
sandybrown#f4a460rgb(95.7%,64.3%,37.6%)rgb(244,164,96) Color Example
seagreen#2e8b57rgb(18%,54.5%,34.1%)rgb(46,139,87) Color Example
seashell#fff5eergb(100%,96.1%,93.3%)rgb(255,245,238) Color Example
sienna#a0522drgb(62.7%,32.2%,17.6%)rgb(160,82,45) Color Example
silver#c0c0c0rgb(75.3%,75.3%,75.3%)rgb(192,192,192) Color Example
skyblue#87ceebrgb(52.9%,80.8%,92.2%)rgb(135,206,235) Color Example
slateblue#6a5acdrgb(41.6%,35.3%,80.4%)rgb(106,90,205) Color Example
slategray#708090rgb(43.9%,50.2%,56.5%)rgb(112,128,144) Color Example
slategrey#708090rgb(43.9%,50.2%,56.5%)rgb(112,128,144) Color Example
snow#fffafargb(100%,98%,98%)rgb(255,250,250) Color Example
springgreen#00ff7frgb(0%,100%,49.8%)rgb(0,255,127) Color Example
steelblue#4682b4rgb(27.5%,51%,70.6%)rgb(70,130,180) Color Example
tan#d2b48crgb(82.4%,70.6%,54.9%)rgb(210,180,140) Color Example
teal#008080rgb(0%,50.2%,50.2%)rgb(0,128,128) Color Example
thistle#d8bfd8rgb(84.7%,74.9%,84.7%)rgb(216,191,216) Color Example
tomato#ff6347rgb(100%,38.8%%,27.8%)rgb(255,99,71) Color Example
turquoise#40e0d0rgb(25.1%,87.7%,81.6%)rgb(64,224,208) Color Example
violet#ee82eergb(93.3%,51%,93.3%)rgb(238,130,238) Color Example
wheat#f5deb3rgb(96.1%,87.1%,70.2%)rgb(245,222,179) Color Example
white#ffffffrgb(100%,100%,100%)rgb(255,255,255)#fffColor Example
whitesmoke#f5f5f5rgb(96.1%,96.1%,96.1%)rgb(245,245,245) Color Example
yellow#ffff00rgb(100%,100%,0%)rgb(255,255,0)#ff0Color Example
yellowgreen#9acd32rgb(60.4%,80.4%,19.6%)rgb(154,205,50) Color Example


相关资讯

  • 设置英文首字母大写的css属性是什么?

    设置CSS text-transform 的属性为capitalize就可以实现英文首字母大写。 定义和用法  text-transform 属性控制文本的大小写。 属性值 值 描 述 none 默认。定义带有小写字…

    2021/7/14 20:35:17
  • 只让页面显示横滚动条,不显示竖滚动条如何实现?

    只让页面显示横滚动条,不显示竖滚动条的方法其实很简单,主要用到body的两个css属性 overflow和 overflow-y,如下所示:body { overflow:scroll; overflow-y:hidden;}

    2021/2/28 21:45:25
  • 网页的滚动条样式可以修改吗?如何修改?

    网页的滚动条样式可以修改的,主要是使用css来控制那如何修改呢?如下代码:<div class="inner"> <div class="innerbox"> <p style="height:200px;">这是内容111</p> <p style="hei…

    2021/2/28 21:15:24
  • css如何实现6张图片均匀排列在一行?

    css部分如下:img{width:120px; height:80px;float:left;margin-right:16px;}.img3{margin-right:0;}html部分如下:<img src="images/001.jpg" /><img src="images/002.jpg" /><img src="images/003.jpg" /><img src=…

    2021/2/28 21:10:01