CSS颜色代码 颜色值 颜色名字大全(转载)
CSS颜色代码 颜色值 颜色名字大全
颜色值
CSS 颜色使用组合了红绿蓝颜色值 (RGB) 的十六进制 (hex) 表示法进行定义。对光源进行设置的最低值可以是 0(十六进制 00)。最高值是 255(十六进制 FF)。从 0 到 255 种红绿蓝值能够组合出总共超过一千六百万种不同的颜色(根据 256 x 256 x 256 计算)。
十六进制值使用三个双位数来编写,并以 # 符号开头。如下:
FFFFFF | #DDDDDD | #AAAAAA | #888888 | #666666 | #444444 | #000000 |
#FFB7DD | #FF88C2 | #FF44AA | #FF0088 | #C10066 | #A20055 | #8C0044 |
#FFCCCC | #FF8888 | #FF3333 | #FF0000 | #CC0000 | #AA0000 | #880000 |
#FFC8B4 | #FFA488 | #FF7744 | #FF5511 | #E63F00 | #C63300 | #A42D00 |
#FFDDAA | #FFBB66 | #FFAA33 | #FF8800 | #EE7700 | #CC6600 | #BB5500 |
#FFEE99 | #FFDD55 | #FFCC22 | #FFBB00 | #DDAA00 | #AA7700 | #886600 |
#FFFFBB | #FFFF77 | #FFFF33 | #FFFF00 | #EEEE00 | #BBBB00 | #888800 |
#EEFFBB | #DDFF77 | #CCFF33 | #BBFF00 | #99DD00 | #88AA00 | #668800 |
#CCFF99 | #BBFF66 | #99FF33 | #77FF00 | #66DD00 | #55AA00 | #227700 |
#99FF99 | #66FF66 | #33FF33 | #00FF00 | #00DD00 | #00AA00 | #008800 |
#BBFFEE | #77FFCC | #33FFAA | #00FF99 | #00DD77 | #00AA55 | #008844 |
#AAFFEE | #77FFEE | #33FFDD | #00FFCC | #00DDAA | #00AA88 | #008866 |
#99FFFF | #66FFFF | #33FFFF | #00FFFF | #00DDDD | #00AAAA | #008888 |
#CCEEFF | #77DDFF | #33CCFF | #00BBFF | #009FCC | #0088A8 | #007799 |
#CCDDFF | #99BBFF | #5599FF | #0066FF | #0044BB | #003C9D | #003377 |
#CCCCFF | #9999FF | #5555FF | #0000FF | #0000CC | #0000AA | #000088 |
#CCBBFF | #9F88FF | #7744FF | #5500FF | #4400CC | #2200AA | #220088 |
#D1BBFF | #B088FF | #9955FF | #7700FF | #5500DD | #4400B3 | #3A0088 |
#E8CCFF | #D28EFF | #B94FFF | #9900FF | #7700BB | #66009D | #550088 |
#F0BBFF | #E38EFF | #E93EFF | #CC00FF | #A500CC | #7A0099 | #660077 |
#FFB3FF | #FF77FF | #FF3EFF | #FF0 0FF | #CC00CC | #990099 | #770077 |
顏色名稱 | 代碼 |
顏色 |
---|---|---|
maroon | #800000 | |
darkred | #8B0000 | |
brown | #A52A2A | |
firebrick | #B22222 | |
crimson | #DC143C | |
red | #FF0000 |
桃紅~紛紅
顏色名稱 | 代碼 |
顏色 |
---|---|---|
mediumvioletred | #C71585 | |
palevioletred | #D87093 | |
deeppink | #FF1493 | |
fuchsia(magenta) | #FF00FF | |
hotpink | #FF69B4 | |
pink | #FFC0CB | |
lightpink | #FFB6C1 | |
mistyrose | #FFE4E1 | |
lavenderblush | #FFF0F5 |
紫
顏色名稱 | 代碼 |
顏色 |
---|---|---|
indigo | #4B0082 | |
purple | #800080 | |
darkmagenta | #8B008B | |
darkorchid | #9932CC | |
blueviolet | #8A2BE2 | |
darkviolet | #9400D3 | |
slateblue | #6A5ACD | |
mediumpurple | #9370DB | |
mediumslateblue | #7B68EE | |
mediumorchid | #BA55D3 | |
violet | #EE82EE | |
plum | #DDA0DD | |
thistle | #D8BFD8 | |
lavender | #E6E6FA |
褐~橘~米白
顏色名稱 | 代碼 |
顏色 |
---|---|---|
saddlebrown | #8B4513 | |
sienna | #A0522D | |
chocolate | #D2691E | |
indianred | #CD5C5C | |
rosybrown | #BC8F8F | |
lightcorol | #F08080 | |
salmon | #FA8072 | |
lightsalmon | #FFA07A | |
orangered | #FF4500 | |
tomato | #FF6347 | |
coral | #FF7F50 | |
darkorange | #FF8C00 | |
sandybrown | #F4A460 | |
peru | #CD853F | |
tan | #D2B48C | |
burlywood | #DEB887 | |
wheat | #F5DEB3 | |
moccasin | #FFE4B5 | |
navajowhite | #FFDEAD | |
peachpuff | #FFDAB9 | |
bisque | #FFE4C4 | |
antuquewhite | #FAEBD7 | |
papayawhip | #FFEFD5 | |
cornsilk | #FFF8DC | |
oldlace | #FDF5E6 | |
linen | #FAF0E6 | |
seashell | #FFF5EE | |
snow | #FFFAFA | |
floralwhite | #FFFAF0 | |
ivory | #FFFFF0 | |
mintcream | #F5FFFA |
金~黃
顏色名稱 | 代碼 |
顏色 |
---|---|---|
darkgoldenrod | #B8860B | |
goldenrod | #DAA520 | |
gold | #FFD700 | |
yellow | #FFFF00 | |
darkkhaki | #BDB76B | |
khaki | #F0E68C | |
palegoldenrod | #EEE8AA | |
beige | #F5F5DC | |
lemonchiffon | #FFFACD | |
lightgoldenrodyellow | #FAFAD2 | |
lightyellow | #FFFFE0 |
~黃 綠
顏色名稱 | 代碼 |
顏色 |
---|---|---|
darkslategray | #2F4F4F | |
darkolivegreen | #556B2F | |
olive | #808000 | |
darkgreen | #006400 | |
forestgreen | #228B22 | |
seagreen | #2E8B57 | |
green(teal) | #008080 | |
lightseagreen | #20B2AA | |
madiumaquamarine | #66CDAA | |
mediumseagreen | #3CB371 | |
darkseagreen | #8FBC8F | |
yellowgreen | #9ACD32 | |
limegreen | #32CD32 | |
lime | #00FF00 | |
chartreuse | #7FFF00 | |
lawngreen | #7CFC00 | |
greenyellow | #ADFF2F | |
mediumspringgreen | #00FA9A | |
springgreen | #00FF7F | |
lightgreen | #90EE90 | |
palegreen | #98F898 | |
aquamarine | #7FFFD4 | |
honeydew | #F0FFF0 |
藍
顏色名稱 | 代碼 |
顏色 |
---|---|---|
midnightblue | #191970 | |
navy | #000080 | |
darkblue | #00008B | |
darkslateblue | #483D8B | |
mediumblue | #0000CD | |
royalblue | #4169E1 | |
dodgerblue | #1E90FF | |
cornflowerblue | #6495ED | |
deepskyblue | #00BFFF | |
lightskyblue | #87CEFA | |
lightsteelblue | #B0C4DE | |
lightblue | #ADD8E6 | |
steelblue | #4682B4 | |
darkcyan | #008B8B | |
cadetblue | #5F9EA0 | |
darkturquoise | #00CED1 | |
mediumturquoise | #48D1CC | |
turquoise | #40E0D0 | |
skyblue | #87CECB | |
powderblue | #B0E0E6 | |
paleturquoise | #AFEEEE | |
lightcyan | #E0FFFF | |
azure | #F0FFFF | |
aliceblue | #F0F8FF | |
aqua(cyan) | #00FFFF |
黑~灰~白
顏色名稱 | 代碼 |
顏色 |
---|---|---|
black | #000000 | |
dimgray | #696969 | |
gray | #808080 | |
slategray | #708090 | |
lightslategray | #778899 | |
darkgray | #A9A9A9 | |
silver | #C0C0C0 | |
lightgray | #D3D3D3 | |
gainsboro | #DCDCDC | |
whitesmoke | #F5F5F5 | |
ghostwhite | #F8F8FF | |
white | #FFFFFF |
CSS颜色代码 颜色值 颜色名字大全(转载)的更多相关文章
- CSS颜色代码 颜色值 颜色名字大全
颜色值 CSS 颜色使用组合了红绿蓝颜色值 (RGB) 的十六进制 (hex) 表示法进行定义.对光源进行设置的最低值可以是 0(十六进制 00).最高值是 255(十六进制 FF).从 0 到 25 ...
- CSS颜色代码大全
CSS颜色代码大全 转载:http://blog.163.com/wujinhongisme@126/blog/static/3613698020095115919389/ RGB ( Red,Gre ...
- css常用代码大全以及css兼容(转载)
css常见的快捷开发代码汇总(长期更新),包括CSS3代码,有一些css效果很顽固,经常会一时找不出解决方案,网络上也有很多的工具和高手提供了具体的浏览器兼容代码,这个页面我今后会经常整理,希望能够帮 ...
- PHP.7-HTML+CSS(一)-HTML语法、常用字符实体、颜色代码
HTML+CSS HTML是WEB页面的描述性语言,浏览器解释的语言 CSS则是为HTML制定样式的机制,为浏览器解释的语言.它不能独立使用,没有HTML就没有CSS,定义网页的外观和布局(字体.背景 ...
- SD.Team颜色代码大全
EEEEEE FFCCFF FF66FF FF00FF DDDDDD FFCCCC FF66CC FF00CC CCCCCC FFCC99 FF6699 FF0099 BBBBBB FFCC66 FF ...
- css常用代码大全
css常用代码大全,html+css代码 html+css可以很方便的进行网页的排版布局,还能减少很多不必要的代码. 一.文本设置1.font-size: 字号参数 2.font-style: 字体格 ...
- CSS改变插入光标颜色caret-color简介及其它变色方法(转)
一.CSS改变输入框光标颜色的原生属性caret-color CSS caret-color属性可以改变输入框插入光标的颜色,同时又不改变输入框里面的内容的颜色. 例如: input { color: ...
- 护眼色的RGB值和颜色代码汇总
源: 网上流行护眼色的RGB值和颜色代码汇总 网上流行护眼色的RGB值和颜色代码 在搜索引擎搜“护眼色”,就会搜出一堆关于保护眼睛的屏幕颜色文章,说的统统是一种颜色,有点像绿豆沙的颜色.方法就是在屏幕 ...
- 网上流行护眼色的RGB值和颜色代码
网上流行护眼色的RGB值和颜色代码 绿豆沙色能有效的减轻长时间用电脑的用眼疲劳!色调:85,饱和度:123,亮度:205: RGB颜色红:199,绿:237,蓝:204:十六进制颜色:#C7EDC ...
随机推荐
- mac安装mongodb
一,安装方法1 ,下载mongodb 1,官网下载mongodb程序 https://www.mongodb.org/downloads#production 2,解压后启动mongodb服务 下载 ...
- ubuntu 15.04 手动安装nginx 1.9.0
平时工作也用nginx,不过用的时候都是已经配好的,只要简单改改参数就可以了.今天在自己的电脑上安装的时候发现没有想象的那么顺利. 纸上得来终觉浅,绝知此事要躬行. 正题: 1.到nginx下载页面获 ...
- 几个Jquery对话框插件
项目现状 While Thickbox had its day, it is not maintained any longer, so we recommend you use some alter ...
- javascript中对象学习
第一篇文章: javascript中this关键字的详细解析: http://blog.csdn.net/wyj880220/article/details/7305952 Javascript ...
- jQuery学习:用按键移动方块
<!doctype html> <html> <head> <meta charset="utf-8"> <style typ ...
- 利用LruCache为GridView异步加载大量网络图片完整示例
MainActivity如下: package cc.testlrucache; import android.os.Bundle; import android.widget.GridView; i ...
- ajax验证登录注册
<form id="form1" onsubmit="return false;"> <table id="login-table& ...
- 分析Masonry
一. 继承关系 1.MASConstraint (abstract) MASViewContraint MASComposisionConstraint 2. UIView NSLayoutConst ...
- jquery版瀑布流
一个月前用jquery实现了瀑布流效果,看着当时的代码有点难过……今天抽时间稍微修改了一下.额,现在看起来不是那么难受了,就来和大家分享一下.废话不多说,开始正题~ 一.演示效果 二.html代码 & ...
- Linux 查看磁盘空间大小
(1)查看文件大小 1. 查看当前文件夹下所有文件大小(包括子文件夹) du -sh 2.查看var目录下文件大小 du -sh var 3.查看指定文件夹下所有文件大小(包括子文件 ...