颜色选择器
使用我们的颜色选择器可以找到完美的颜色,发现美丽的色彩、色度和色调以及和谐的配色;输入Hex颜色代码、RGB和HSL值,并生成HTML、CSS和SCSS样式。
使用我们的颜色选择器、颜色表和HTML颜色名称来获取HTML颜色代码、Hex颜色代码、RGB和HSL值。即刻开始吧!
使用我们的颜色选择器可以找到完美的颜色,发现美丽的色彩、色度和色调以及和谐的配色;输入Hex颜色代码、RGB和HSL值,并生成HTML、CSS和SCSS样式。
正在寻找很棒的颜色组合?我们的颜色表的颜色表包含扁平化设计色彩、谷歌Material Design设计语言色彩方案以及经典的网页安全色彩,均带有Hex颜色代码。
IndianRed | #CD5C5C | rgb(205, 92, 92) | |
LightCoral | #F08080 | rgb(240, 128, 128) | |
Salmon | #FA8072 | rgb(250, 128, 114) | |
DarkSalmon | #E9967A | rgb(233, 150, 122) | |
LightSalmon | #FFA07A | rgb(255, 160, 122) |
无法记住所有140种HTML颜色名称?我们帮您解决,查看我们的指南指南可以快速找到以颜色分组的所有HTML颜色名称。
刚开始创建您的网页或需要进行更新?我们的教程可以满足各种用户需求,从基础的HTML和CSS色彩指南到更先进的SCSS技术。
我们收藏的酷炫工具和技巧,包括最好用的调色板生成器、免费图库网站、使用颜色进行的图片搜索、还有更多。
颜色代码是以一种计算机能够识别以及展示我们日常所见颜色的方法 。常用于网站和其他软件应用的颜色代码格式各种各样,包括Hex颜色代码、RGB和HSL值、HTML颜色名称,等等。
最常见的是Hex颜色代码;Hex代码为三字节的十六进制数字(意味着包含六个数位),其中每一字节或每两个字符分别代表红、绿、蓝颜色的强度。
Hex代码字节值的范围从颜色强度最低的00到最高强度FF。举例来说,白色由最高强度的三基色混合而成,其Hex颜色代码即为#FFFFFF。
黑色则完全相反,在屏幕显示上没有任何颜色,每种颜色均为最低强度显示,Hex颜色代码为#000000。
了解了Hex颜色代码符号的基本知识,我们就能很轻松地创建各种灰度颜色,因为它们是由强度相等的各个颜色组成。
三原色――红、绿、蓝是由所需颜色的最高强度与另外两种颜色的最低强度混合而成。
现代浏览器可支持全谱24位色,有16777216种不同颜色的可能性。可使用我们颜色选择器来探究所有1677万种颜色,或者如果觉得太多,可查看我们的颜色表,选择重点用应于扁平化设计、Material Design和网页安全色彩的调色板。
Color | Name | Hex Code | RGB Code |
---|---|---|---|
White | #FFFFFF | rgb(255, 255, 255) | |
Silver | #C0C0C0 | rgb(192, 192, 192) | |
Gray | #808080 | rgb(128, 128, 128) | |
Black | #000000 | rgb(0, 0, 0) | |
Red | #FF0000 | rgb(255, 0, 0) | |
Maroon | #800000 | rgb(128, 0, 0) | |
Yellow | #FFFF00 | rgb(255, 255, 0) | |
Olive | #808000 | rgb(128, 128, 0) | |
Lime | #00FF00 | rgb(0, 255, 0) | |
Green | #008000 | rgb(0, 128, 0) | |
Aqua | #00FFFF | rgb(0, 255, 255) | |
Teal | #008080 | rgb(0, 128, 128) | |
Blue | #0000FF | rgb(0, 0, 255) | |
Navy | #000080 | rgb(0, 0, 128) | |
Fuchsia | #FF00FF | rgb(255, 0, 255) | |
Purple | #800080 | rgb(128, 0, 128) |