颜色转换器
输入HEX、RGB或HSL格式的颜色值，即时转换为所有其他格式。所有处理均在浏览器中本地完成。
输入 HEX（#rrggbb）、RGB（rgb(r,g,b)）或 HSL（hsl(h,s%,l%)）——或使用取色器。
已复制！
与纯色背景的对比度
在白底上
在黑底上
关于颜色格式
- HEX -
#rrggbb，最常见的CSS颜色格式。 - RGB -
rgb(r, g, b)，每个通道 0-255。 - HSL -
hsl(h, s%, l%)，色相 0-360°，饱和度和亮度 0-100%。
凡是浏览器认得的写法都收，包括 rebeccapurple 这样的名称、带 alpha 的八位十六进制，以及当前 CSS 那种用空格分隔、alpha 前加斜杠的形式。对比度数字依照 WCAG 的相对亮度公式，所以 4.5 是 AA 级正文文字的门槛，7 是 AAA 级的门槛。这些数字按不透明的颜色计算，因为半透明的颜色在你知道它背后是什么之前，并没有固定的对比度。
标记老是跟你作对？
被转义的实体、坏掉的编码，以及在 CMS 里是一个样、在页面上又是另一个样的内容，通常说明流程中有一环在靠猜。我们做前端，也做它背后的发布链路，让访客看到的就是你写下的。
聊聊你的网站常见问题
我可以粘进哪些颜色写法？
三位、四位、六位或八位的十六进制，rgb 和 rgba，hsl 和 hsla，hwb，以及任何 CSS 颜色名。逗号写法和现代那种用空格分隔、alpha 前加斜杠的写法都收，所以你可以直接从样式表里粘过来。
透明度是怎么处理的？
alpha 通道会在转换中保留下来，所以八位十六进制会以 rgba 的形式回来，预览背后还会显示棋盘格。只有当 alpha 确实不是完全不透明时才会写进输出，除非你选择始终显示。
对比度那几个数字是什么意思？
是这个颜色与纯白或纯黑背景之间的 WCAG 对比度。普通正文文字要达到 4.5 才算过 AA 级，达到 7 才算过 AAA 级；大号文字的门槛更低。低于 3 的话，无论多大字号，大多数人都读得吃力。
为什么算对比度时不算 alpha？
因为半透明的颜色没有固定的对比度。读者实际看到的取决于它背后是什么，所以这些数字按不透明的颜色算。如果你的文字确实是半透明的，请先算出混合后的颜色，再拿那个去检查。
HSL 和 HWB 有什么区别？
两者都从同一个色相角出发。HSL 用饱和度和亮度来描述一个颜色，这也是多数工具给你的那一对。HWB 则用掺了多少白、多少黑来描述，更接近人调颜料的直觉，在搭一套深浅色阶时也更好推。