css 常用色值表

最新推荐文章于 2024-03-08 13:43:03 发布
最新推荐文章于 2024-03-08 13:43:03 发布
阅读量621 收藏 1
点赞数
文章标签： tensorflow mysql 大数据 https 数据库
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35516360/article/details/122064881
版权

原文链接: css 常用色值表

上一篇: canvas 导出图片的大小计算

下一篇: vue cli3 设置提交前自动格式化 husky prettierrc

参考

http://tool.c7sky.com/webcolor/

https://www.cssportal.com/css3-color-names/

http://www.colors.commutercreative.com/grid/

https://tool.oschina.net/commons?type=3

最终选用css有名称的色值

json后的设置表 

[
  {
    "name": "AliceBlue",
    "rgb": [
      240,
      248,
      255
    ]
  },
  {
    "name": "AntiqueWhite",
    "rgb": [
      250,
      235,
      215
    ]
  },
  {
    "name": "Aqua",
    "rgb": [
      0,
      255,
      255
    ]
  },
  {
    "name": "Aquamarine",
    "rgb": [
      127,
      255,
      212
    ]
  },
  {
    "name": "Azure",
    "rgb": [
      240,
      255,
      255
    ]
  },
  {
    "name": "Beige",
    "rgb": [
      245,
      245,
      220
    ]
  },
  {
    "name": "Bisque",
    "rgb": [
      255,
      228,
      196
    ]
  },
  {
    "name": "Black",
    "rgb": [
      0,
      0,
      0
    ]
  },
  {
    "name": "BlanchedAlmond",
    "rgb": [
      255,
      235,
      205
    ]
  },
  {
    "name": "Blue",
    "rgb": [
      0,
      0,
      255
    ]
  },
  {
    "name": "BlueViolet",
    "rgb": [
      138,
      43,
      226
    ]
  },
  {
    "name": "Brown",
    "rgb": [
      165,
      42,
      42
    ]
  },
  {
    "name": "BurlyWood",
    "rgb": [
      222,
      184,
      135
    ]
  },
  {
    "name": "CadetBlue",
    "rgb": [
      95,
      158,
      160
    ]
  },
  {
    "name": "Chartreuse",
    "rgb": [
      127,
      255,
      0
    ]
  },
  {
    "name": "Chocolate",
    "rgb": [
      210,
      105,
      30
    ]
  },
  {
    "name": "Coral",
    "rgb": [
      255,
      127,
      80
    ]
  },
  {
    "name": "CornflowerBlue",
    "rgb": [
      100,
      149,
      237
    ]
  },
  {
    "name": "Cornsilk",
    "rgb": [
      255,
      248,
      220
    ]
  },
  {
    "name": "Crimson",
    "rgb": [
      220,
      20,
      60
    ]
  },
  {
    "name": "Cyan",
    "rgb": [
      0,
      255,
      255
    ]
  },
  {
    "name": "DarkBlue",
    "rgb": [
      0,
      0,
      139
    ]
  },
  {
    "name": "DarkCyan",
    "rgb": [
      0,
      139,
      139
    ]
  },
  {
    "name": "DarkGoldenrod",
    "rgb": [
      184,
      134,
      11
    ]
  },
  {
    "name": "DarkGray",
    "rgb": [
      169,
      169,
      169
    ]
  },
  {
    "name": "DarkGreen",
    "rgb": [
      0,
      100,
      0
    ]
  },
  {
    "name": "DarkGrey",
    "rgb": [
      169,
      169,
      169
    ]
  },
  {
    "name": "DarkKhaki",
    "rgb": [
      189,
      183,
      107
    ]
  },
  {
    "name": "DarkMagenta",
    "rgb": [
      139,
      0,
      139
    ]
  },
  {
    "name": "DarkOliveGreen",
    "rgb": [
      85,
      107,
      47
    ]
  },
  {
    "name": "DarkOrange",
    "rgb": [
      255,
      140,
      0
    ]
  },
  {
    "name": "DarkOrchid",
    "rgb": [
      153,
      50,
      204
    ]
  },
  {
    "name": "DarkRed",
    "rgb": [
      139,
      0,
      0
    ]
  },
  {
    "name": "DarkSalmon",
    "rgb": [
      233,
      150,
      122
    ]
  },
  {
    "name": "DarkSeaGreen",
    "rgb": [
      143,
      188,
      143
    ]
  },
  {
    "name": "DarkSlateBlue",
    "rgb": [
      72,
      61,
      139
    ]
  },
  {
    "name": "DarkSlateGray",
    "rgb": [
      47,
      79,
      79
    ]
  },
  {
    "name": "DarkSlateGrey",
    "rgb": [
      47,
      79,
      79
    ]
  },
  {
    "name": "DarkTurquoise",
    "rgb": [
      0,
      206,
      209
    ]
  },
  {
    "name": "DarkViolet",
    "rgb": [
      148,
      0,
      211
    ]
  },
  {
    "name": "DeepPink",
    "rgb": [
      255,
      20,
      147
    ]
  },
  {
    "name": "DeepSkyBlue",
    "rgb": [
      0,
      191,
      255
    ]
  },
  {
    "name": "DimGray",
    "rgb": [
      105,
      105,
      105
    ]
  },
  {
    "name": "DodgerBlue",
    "rgb": [
      30,
      144,
      255
    ]
  },
  {
    "name": "FireBrick",
    "rgb": [
      178,
      34,
      34
    ]
  },
  {
    "name": "FloralWhite",
    "rgb": [
      255,
      250,
      240
    ]
  },
  {
    "name": "ForestGreen",
    "rgb": [
      34,
      139,
      34
    ]
  },
  {
    "name": "Fuchsia",
    "rgb": [
      255,
      0,
      255
    ]
  },
  {
    "name": "Gainsboro",
    "rgb": [
      220,
      220,
      220
    ]
  },
  {
    "name": "GhostWhite",
    "rgb": [
      248,
      248,
      255
    ]
  },
  {
    "name": "Gold",
    "rgb": [
      255,
      215,
      0
    ]
  },
  {
    "name": "Goldenrod",
    "rgb": [
      218,
      165,
      32
    ]
  },
  {
    "name": "Gray",
    "rgb": [
      128,
      128,
      128
    ]
  },
  {
    "name": "Green",
    "rgb": [
      0,
      128,
      0
    ]
  },
  {
    "name": "GreenYellow",
    "rgb": [
      173,
      255,
      47
    ]
  },
  {
    "name": "Grey",
    "rgb": [
      128,
      128,
      128
    ]
  },
  {
    "name": "Honeydew",
    "rgb": [
      240,
      255,
      240
    ]
  },
  {
    "name": "HotPink",
    "rgb": [
      255,
      105,
      180
    ]
  },
  {
    "name": "IndianRed",
    "rgb": [
      205,
      92,
      92
    ]
  },
  {
    "name": "Indigo",
    "rgb": [
      75,
      0,
      130
    ]
  },
  {
    "name": "Ivory",
    "rgb": [
      255,
      255,
      240
    ]
  },
  {
    "name": "Khaki",
    "rgb": [
      240,
      230,
      140
    ]
  },
  {
    "name": "Lavender",
    "rgb": [
      230,
      230,
      250
    ]
  },
  {
    "name": "LavenderBlush",
    "rgb": [
      255,
      240,
      245
    ]
  },
  {
    "name": "LawnGreen",
    "rgb": [
      124,
      252,
      0
    ]
  },
  {
    "name": "LemonChiffon",
    "rgb": [
      255,
      250,
      205
    ]
  },
  {
    "name": "LightBlue",
    "rgb": [
      173,
      216,
      230
    ]
  },
  {
    "name": "LightCoral",
    "rgb": [
      240,
      128,
      128
    ]
  },
  {
    "name": "LightCyan",
    "rgb": [
      224,
      255,
      255
    ]
  },
  {
    "name": "LightGoldenrodYellow",
    "rgb": [
      250,
      250,
      210
    ]
  },
  {
    "name": "LightGray",
    "rgb": [
      211,
      211,
      211
    ]
  },
  {
    "name": "LightGreen",
    "rgb": [
      144,
      238,
      144
    ]
  },
  {
    "name": "LightGrey",
    "rgb": [
      211,
      211,
      211
    ]
  },
  {
    "name": "LightPink",
    "rgb": [
      255,
      182,
      193
    ]
  },
  {
    "name": "LightSalmon",
    "rgb": [
      255,
      160,
      122
    ]
  },
  {
    "name": "LightSeaGreen",
    "rgb": [
      32,
      178,
      170
    ]
  },
  {
    "name": "LightSkyBlue",
    "rgb": [
      135,
      206,
      250
    ]
  },
  {
    "name": "LightSlateGray",
    "rgb": [
      119,
      136,
      153
    ]
  },
  {
    "name": "LightSlateGrey",
    "rgb": [
      119,
      136,
      153
    ]
  },
  {
    "name": "LightSteelBlue",
    "rgb": [
      176,
      196,
      222
    ]
  },
  {
    "name": "LightYellow",
    "rgb": [
      255,
      255,
      224
    ]
  },
  {
    "name": "Lime",
    "rgb": [
      0,
      255,
      0
    ]
  },
  {
    "name": "LimeGreen",
    "rgb": [
      50,
      205,
      50
    ]
  },
  {
    "name": "Linen",
    "rgb": [
      250,
      240,
      230
    ]
  },
  {
    "name": "Magenta",
    "rgb": [
      255,
      0,
      255
    ]
  },
  {
    "name": "Maroon",
    "rgb": [
      128,
      0,
      0
    ]
  },
  {
    "name": "MediumAquamarine",
    "rgb": [
      102,
      205,
      170
    ]
  },
  {
    "name": "MediumBlue",
    "rgb": [
      0,
      0,
      205
    ]
  },
  {
    "name": "MediumOrchid",
    "rgb": [
      186,
      85,
      211
    ]
  },
  {
    "name": "MediumPurple",
    "rgb": [
      147,
      112,
      219
    ]
  },
  {
    "name": "MediumSeaGreen",
    "rgb": [
      60,
      179,
      113
    ]
  },
  {
    "name": "MediumSlateBlue",
    "rgb": [
      123,
      104,
      238
    ]
  },
  {
    "name": "MediumSpringGreen",
    "rgb": [
      0,
      250,
      154
    ]
  },
  {
    "name": "MediumTurquoise",
    "rgb": [
      72,
      209,
      204
    ]
  },
  {
    "name": "MediumVioletRed",
    "rgb": [
      199,
      21,
      133
    ]
  },
  {
    "name": "MidnightBlue",
    "rgb": [
      25,
      25,
      112
    ]
  },
  {
    "name": "MintCream",
    "rgb": [
      245,
      255,
      250
    ]
  },
  {
    "name": "MistyRose",
    "rgb": [
      255,
      228,
      225
    ]
  },
  {
    "name": "Moccasin",
    "rgb": [
      255,
      228,
      181
    ]
  },
  {
    "name": "NavajoWhite",
    "rgb": [
      255,
      222,
      173
    ]
  },
  {
    "name": "Navy",
    "rgb": [
      0,
      0,
      128
    ]
  },
  {
    "name": "OldLace",
    "rgb": [
      253,
      245,
      230
    ]
  },
  {
    "name": "Olive",
    "rgb": [
      128,
      128,
      0
    ]
  },
  {
    "name": "OliveDrab",
    "rgb": [
      107,
      142,
      35
    ]
  },
  {
    "name": "Orange",
    "rgb": [
      255,
      165,
      0
    ]
  },
  {
    "name": "OrangeRed",
    "rgb": [
      255,
      69,
      0
    ]
  },
  {
    "name": "Orchid",
    "rgb": [
      218,
      112,
      214
    ]
  },
  {
    "name": "PaleGoldenrod",
    "rgb": [
      238,
      232,
      170
    ]
  },
  {
    "name": "PaleGreen",
    "rgb": [
      152,
      251,
      152
    ]
  },
  {
    "name": "PaleTurquoise",
    "rgb": [
      175,
      238,
      238
    ]
  },
  {
    "name": "PaleVioletRed",
    "rgb": [
      219,
      112,
      147
    ]
  },
  {
    "name": "PapayaWhip",
    "rgb": [
      255,
      239,
      213
    ]
  },
  {
    "name": "PeachPuff",
    "rgb": [
      255,
      218,
      185
    ]
  },
  {
    "name": "Peru",
    "rgb": [
      205,
      133,
      63
    ]
  },
  {
    "name": "Pink",
    "rgb": [
      255,
      192,
      203
    ]
  },
  {
    "name": "Plum",
    "rgb": [
      221,
      160,
      221
    ]
  },
  {
    "name": "PowderBlue",
    "rgb": [
      176,
      224,
      230
    ]
  },
  {
    "name": "Purple",
    "rgb": [
      128,
      0,
      128
    ]
  },
  {
    "name": "Rebeccapurple",
    "rgb": [
      102,
      51,
      153
    ]
  },
  {
    "name": "Red",
    "rgb": [
      255,
      0,
      0
    ]
  },
  {
    "name": "RosyBrown",
    "rgb": [
      188,
      143,
      143
    ]
  },
  {
    "name": "RoyalBlue",
    "rgb": [
      65,
      105,
      225
    ]
  },
  {
    "name": "SaddleBrown",
    "rgb": [
      139,
      69,
      19
    ]
  },
  {
    "name": "Salmon",
    "rgb": [
      250,
      128,
      114
    ]
  },
  {
    "name": "SandyBrown",
    "rgb": [
      244,
      164,
      96
    ]
  },
  {
    "name": "SeaGreen",
    "rgb": [
      46,
      139,
      87
    ]
  },
  {
    "name": "Seashell",
    "rgb": [
      255,
      245,
      238
    ]
  },
  {
    "name": "Sienna",
    "rgb": [
      160,
      82,
      45
    ]
  },
  {
    "name": "Silver",
    "rgb": [
      192,
      192,
      192
    ]
  },
  {
    "name": "SkyBlue",
    "rgb": [
      135,
      206,
      235
    ]
  },
  {
    "name": "SlateBlue",
    "rgb": [
      106,
      90,
      205
    ]
  },
  {
    "name": "SlateGray",
    "rgb": [
      112,
      128,
      144
    ]
  },
  {
    "name": "SlateGrey",
    "rgb": [
      112,
      128,
      144
    ]
  },
  {
    "name": "Snow",
    "rgb": [
      255,
      250,
      250
    ]
  },
  {
    "name": "SpringGreen",
    "rgb": [
      0,
      255,
      127
    ]
  },
  {
    "name": "SteelBlue",
    "rgb": [
      70,
      130,
      180
    ]
  },
  {
    "name": "Tan",
    "rgb": [
      210,
      180,
      140
    ]
  },
  {
    "name": "Teal",
    "rgb": [
      0,
      128,
      128
    ]
  },
  {
    "name": "Thistle",
    "rgb": [
      216,
      191,
      216
    ]
  },
  {
    "name": "Tomato",
    "rgb": [
      255,
      99,
      71
    ]
  },
  {
    "name": "Turquoise",
    "rgb": [
      64,
      224,
      208
    ]
  },
  {
    "name": "Violet",
    "rgb": [
      238,
      130,
      238
    ]
  },
  {
    "name": "Wheat",
    "rgb": [
      245,
      222,
      179
    ]
  },
  {
    "name": "White",
    "rgb": [
      255,
      255,
      255
    ]
  },
  {
    "name": "WhiteSmoke",
    "rgb": [
      245,
      245,
      245
    ]
  },
  {
    "name": "Yellow",
    "rgb": [
      255,
      255,
      0
    ]
  },
  {
    "name": "YellowGreen",
    "rgb": [
      154,
      205,
      50
    ]
  }
]

阿豪boy
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
css和色谱
12-30
css和色谱
CSS：颜色常见取值
七七的博客
10-19 182
rgb
CSS系列之 颜色代码大全、颜色对照表
最新发布
Java 技术专栏，从入门到精通，熟悉企业级开发
03-08 5863
前端页面想要好看，CSS少不了，CSS想要学得好，配色也是一大绝活，今天为大家带来CSS颜色表。MARK一下，这章内容是常访问内容之一。资料获取，更多粉丝福利，关注下方公众号获取。
CSS中的颜色值
叶遮沉阳的博客
02-14 1458
1.英文单词 red 红色 green 绿色 blue 蓝色 2.十六进制 以‘#’字符开头，后面紧跟三组十六进制值，分别代表红绿蓝三色素。 #FF0000 红色 #00FF00 绿色 #0000FF 蓝色 3.rgb函数 rgb(a,b,c)函数，三个参数分别代表红绿蓝三色素，参数值的范围0~255. rgb(255,0,0) 红色 rgb(0,255,0) 绿色 rgb(0,0,255) ...
CSS中的颜色值与颜色属性
jimojianghu的专栏
02-03 1783
本文介绍CSS中颜色的5种取值类型，以及CSS中的各种颜色属性，并会顺带介绍颜色模型相关的知识。这块内容对于我们写出更好的CSS代码也能带来重要的帮助，是前端开发中需要熟悉的知识。
CSS标准颜色参考表
qq_41595507的博客
09-27 1609
以色系排列 红色系 颜色名称代码颜色显示 maroon#800000　 darkred#8B0000　 brown#A52A2A　 firebrick#B22222　 crimson#DC143C　 red#FF0000　 桃红~粉红 颜色名称代码颜色显示 mediumvioletred#C71585　 palevioletred#D87093　 deeppink#FF1493　 fuchs...
常用HTML颜色表-HTML颜色代码色彩表 - DIVCSS5
01-14
常用HTML颜色表-HTML颜色代码色彩表 ，所有颜色都有对应的颜色值
css入门笔记
05-15
创建样式表文件（.css） 2.在样式文件中编写样式规则 3.在网页中对样式文件进行引入 <link rel="stylesheet" href="URL../.css"> 3.CSS样式特征 1.继承性 必须是父子（有层叠嵌套的关系）结构 大部分的...
senlon实用查询工具大全 v2014 本地数据库版.zip
07-05
IP地址查询、html加密解密、弹出式窗口代码生成、、CSS生成器、html与js...CSS编辑器、Escape加密/解密、常用网页特效代码、Meta标签生成器、网页在线加密解密、标准颜色参考工具、JS/VBS加密、解密、网站PR值查询、...
程序天下:JavaScript实例自学手册
07-08
3.30 分行取textarea中的值 3.31 自动插入文本 3.32 选取textarea的指定行 3.33 文本放大镜 3.34 文本框的默认输入法 3.35 文本框显示网页中选中的内容 3.36 文字的垂直滚动 3.37 文字幻灯片 3.38 随机动态文字效果 ...
常用颜色色谱表（HEX RGB）
01-01
常用颜色色谱表，有两种编码（HEX RGB），在进行图形设计和代码编写可以参照
24种网页配色参考色谱
10-31
24种网页配色参考色谱，大家解压后对照就可以了
【CSS 颜色的 合法颜色值 (详细介绍)】
Hey_Coder
11-06 7989
CSS 颜色的 合法颜色值 1. 颜色关键字 ⑴ 颜色名 ⑵ transparent 关键字 ⑶ currentColor 关键字 2. 十六进制颜色 (#红绿蓝,0~f) 3. RGB 颜色 (整数,百分比值) 4. RGBA 颜色 (带 不透明度值 / 颜色深浅) 5. HSL 颜色 (色度,饱和度,亮度 / 颜色,灰彩程度,深浅程度) 6. HSLA 颜色 (带 不透明值 / 颜色深浅) ♣ 结束语 和 友情链接
CSS颜色代码对照表
热门推荐
分享
12-08 1万+
CSS 颜色代码大全 CSS颜色对照表  FFFFFF#DDDDDD#AAAAAA#888888#666666#444444#000000#FFB7DD#FF88C2#FF44AA #FF0088 #C10066 #A20055 #8C0044 #FFCCCC#FF8888#FF3333 #FF0000 #CC0000 #AA0000 #880000 #FFC8B4#FFA488#FF7744...
css颜色大全
qq_56666376的博客
09-07 2613
css颜色大全
WEB 安全色谱
gzzzz的专栏
10-27 1579
Snow 255 250 250 #FFFAFAGhostWhite248 248 255 #F8F8FFWhiteSmoke245 245 245 #F5F5F5Gainsboro220 220 220 #DCDCDCFloralWhite255 250 240 #FFFAF0OldLace253
CSS学习笔记：长度值和颜色
(づ｡◕‿‿◕｡)づgigi奋斗在前端和刷题中╮(╯﹏╰)╭
10-31 471
长度值demo相对字体em 1em：父元素的font-size大小。 em会继承父元素的字体大小，因此其实是相对于父元素的font-size进行计算的。 因为em是相对于父元素进行计算的，因此如果一层一层嵌套：html { font-size: 14px; } div { font-size: 1.2rem; }<body> <div> Test <!-
2.4-CSS基础--颜色常见取值
我的成长历程
07-23 2796
关键词表示法、rgb表示法、rgba表示法、十六进制表示法
css animation属性
09-08
CSS动画属性有一些常用的属性值，包括动画的持续时间（animation-duration）、变化速度曲线（animation-timing-function）、是否循环播放（animation-iteration-count）、延迟播放时间（animation-delay）等。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值