6st 关于颜色使用方法和颜色表

CSS中表示颜色有三种方法:
     1.使用十六进制值设置的颜色  <对光源进行设置的最低值可以是 0(十六进制 00)。最高值是 255(十六进制 FF)。十六进制值使用三个双位数来编写,并以 # 符号开头。>
     2.使用 rgb 值(红绿蓝颜色值)设置的颜色。RGB 颜色值是这样规定的:rgb(red, green, blue)。每个参数 (red、green 以及 blue) 定义颜色的强度,可以是介于 0 与 255 之间的整数,或者是百分比值(从 0% 到 100%)。rgba的a是透明度设置,介于0-1之间
     3.使用颜色名设置的颜色,详见颜色表。

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   
dakgray  #A9A9A9   
silver  #C0C0C0   
lightgray  #D3D3D3   
gainsboro  #DCDCDC   
whitesmoke  #F5F5F5   
ghostwhite  #F8F8FF   
white  #FFFFFF 

原文地址:https://www.cnblogs.com/FerryJ/p/9845810.html

时间: 2024-07-31 03:31:06

6st 关于颜色使用方法和颜色表的相关文章

CSS中颜色表示方法及颜色表

一:直接用颜色的英文名表示 二:RGB(x,y,z)函数表示,x.y.z.分别是红色.绿色.蓝色的值,x,y,z∈[0,225],亦可用百分比表示:对比rgba(x,y,z,a)中a是alpha通道设置透明度取值0~1 三:十六进制表示,eg:#ff0000;前两位表示红色,中间两位表示绿色,后两位表示蓝色,范围为00-ff,注意缩写形式 四:hsl(色相,饱和度,亮度):h:色相,表示范围0~360,如下如色环:s:饱和度,取值范围是0.0%~100%l:亮度:取值范围0.0%~100%:同理

css颜色表示法及颜色表

颜色表示法 一.直接输入CSS颜色的关键词,如red blue等. 二.十六进制值,如#0000. 三.RGB: rgb(255,0,0),这是给定的三个参数表示的红色,绿色和蓝色通道的颜色值每个通道不是由两个十六进制数字表示的,而是由0到255之间的十进制数表示的. 四.HSL:该hsl( )函数接受色相.饱和度以及明度值 色调:颜色的底色调.这个值在0到360之间,表示色轮周围的角度. 饱和度:饱和度是多少?这需要一个价值从0-100%,其中0是没有颜色(它将显示为灰色),100%是全彩色饱

CSS颜色表示法、颜色表(调色板)

1.CSS 颜色使用组合了红绿蓝颜色值 (RGB) 的十六进制 (hex) 表示法进行定义.对光源进行设置的最低值可以是 0(十六进制 00).最高值是 255(十六进制 FF). 2.十六进制值使用三个双位数来编写,并以 # 符号开头. 3.RGB 颜色值表示:rgb(red, green, blue).每个参数 (red.green 以及 blue) 定义颜色的强度,可以是介于 0 与 255 之间的整数,或者是百分比值(从 0% 到 100%). 4.RGBA 表示:RGBA颜色值是 RG

CSS单位分析及CSS颜色表示法、颜色表(调色板)

CSS单位主要分析em.rem.fr这三个较难理解的单位吧,平常的px.%.cm那些就不谈了嘛. px在不同场景之下为同样的值,我们把它称作绝对单位,而em和rem受外部因素的影响下而改变,因此称作相对单位. 我们需要了解到为什么要拓展em,rem这样的相对单位呢? 比如我就特爱用px,感觉所有的东西都能用px来表现距离,而事实上这种做法早已跟不上时代的步伐了,随着更高分辨率的显示器出现,则需要原本的多栏定宽布局,则需要更加灵活多变的响应式布局. em是最常见的相对长度单位,这是排版中使用的一种

Android开发:setAlpha()方法和常用RGB颜色表----颜色, r g b分量数值(int), 16进制表示 一一对应

杂家前文Android颜色对应表只有颜色和十六进制,有时候需要设置r g b分量的int值,如paint.setARGB(255, 127, 255, 212);就需要自己计算下分量的各个值.这里提供一个带有r g b分量的int型的颜色表.注意paint.setAlpha()及paint.setARGB()的第一个参数,即透明度.其取值范围是0---255,数值越小,越透明,颜色上表现越淡.实际上当设成10以下就会有透明的效果了. 注意:这个透明度是用来设置画笔paint的透明度,然后用pai

CSS颜色表示法和颜色表

颜色表示法 color name:颜色的名称: color:red:   直接用英文意思来写,但是数量有限,不支持透明颜色   十六进制方式: color:#191d11:所有#开头的都是16进制   rgb(十进制,十进制,十进制)表示方法: 每个值的取值范围是0~255,一共256个   rgba(十进制,十进制,十进制,小数0~1): 最后的a是alpha通道,表示透明度,取值范围在0~1   hsl(色相,饱和度,亮度): h:色相,表示范围0~360,如下如色环 s:饱和度,取值范围是

HTML RGB 颜色表 16进制表 颜色对应表

 16 常用颜色表(颜色 + RGB + 名字): Color Value Name   Color Value Name   #00FFFF aqua     #808080 gray   #000080 navy     #C0C0C0 silver   #000000 black     #008000 green   #808000 olive     #008080 teal   #0000FF blue     #00FF00 lime   #800080 purple     #F

调用系统颜色表,修改颜色和透明度

界面如上图所示: 其实还是很简单,之前一直不会,只能说是对VS提供的控件不熟悉. 1.将colorDialog控件拖到当前界面: 2.部分代码如下:(这是针对ARGB颜色的,如果是RGB颜色则不需要透明度值) private void selcecolorbt_Click(object sender, EventArgs e) { if (this.colorDialog1.ShowDialog() == DialogResult.OK)  //显示颜色表 { textBoxX1.BackCol

HTML &amp; CSS &amp; JavaScript 从一个表格到一个灰阶颜色表 03

工具1:HBuilder X 1.9.9.20190522 工具2:火狐浏览器 67.0.4 (64 位) 其实,我还想使用表格,做一个这样的颜色表,如下图所示: 如果按照之前的做法,把每一种颜色都列举出来,估计做完上面这个颜色表,估计人都废了. 为了解决这个重复性的问题,我们必须引入另一种语言:JavaScript 为何学习 JavaScript? JavaScript 是 web 开发者必学的三种语言之一: HTML 定义网页的内容 CSS 规定网页的布局 JavaScript 对网页行为进