十六进制颜色代码的原理 十六进制代码不过是用十六进制写出的三个数字：红色多少、绿色多少、蓝色多少，每项从 00 到 FF。所以 #FFD700 表示红色满值、绿色 215（满值 255）、完全没有蓝色，眼睛看上去就是金色。真正起作用的只有这三组两位数，这也是 #FFF 和 #FFFFFF 都是白色的原因。
十六进制、RGB 与 HSL 的比较 三者描述的是同一批颜色，只是承载的信息不同。十六进制紧凑，是 CSS 中的惯用写法。RGB 把同样的数字写成十进制，更便于计算。HSL 把色相与饱和度、明度分开，因此手工调配色板要容易得多：保持色相不变，只改明度，就能得到相配的深浅。
为什么对比度很重要 文字必须与背景拉开足够差距，视力较弱的人或在昏暗屏幕上才读得清。无障碍指南规定普通文字的对比度为 4.5 比 1（AA 级），更严格的 AAA 级为 7 比 1，大号文字则允许 3 比 1。本工具会分别计算相对白色和黑色的比值，您一眼就能看出该把哪种颜色叠在上面。
实用提示 CSS 共有 148 个具名颜色，其中若干是重复的：grey 与 gray、aqua 与 cyan 完全相同。 十六进制的缩写形式只有在每组两位重复时才成立，所以 #FFCC00 可以写成 #FC0，而 #FFD700 无法缩写。 再加两位十六进制数即可设定透明度，因此 #FFD70080 是不透明度约为一半的金色。 要搭配色板，就在 HSL 中固定色相、只改明度，这样得到的颜色看起来总是同一家族。