大 纲

色彩对设计至关重要,能直接影响项目的第一观感。不同的动物所看到的颜色是不同的,不同的人所感受到的颜色也是不同的,故这其实算是个“玄学问题”,但了解一些色彩的基本原理和 Web 设计规则是很有必要的。

色彩的表示

颜色名称表示
最直观的表示方法就是用颜色的英文名直接表示,但能表示的颜色数量有限。
格式形如:blue

RGB 十进制“函数”表示
光学三原色红绿蓝(RGB),通过调整三种颜色的占比表示,每种颜色从低到高用数字0至256表示。
格式形如:rgba(0,0,255,0.5)

HLS 十进制“函数”表示
通过色相、亮度、饱和度 这三个参数也能表示颜色。
格式形如:hls(204,62%,40%)

HEX 十六进制数字表示
将RGB十进制转换为十六进制代码,以#号开头,后面分别为R G B的16位进制数。
格式形如:#0000ff

维基百科了解更多 https://zh.wikipedia.org

色彩空间

色彩空间(Color space)是对色彩的组织方式。借助色彩空间和针对物理设备的测试,可以得到色彩的固定模拟和数字表示。色彩空间可以只通过任意挑选一些颜色来定义,也可以是基于严谨的数学定义。

Adobe RGB (网络上最常用)

sRGB (标准红绿蓝色彩空间)

CMYK (常用于彩色印刷)

Lab (常用来描述人眼可见的所有颜色)

SVG 中的 X11 颜色清单

推荐查色页面

站名 站点描述
aTool在线工具 在线颜色选择器、 RGB颜色查询转换
Color Picker 在线颜色选择器、RGB颜色查询转换
w3schools HTML 颜色选择器