颜色转换器

用任何常见写法输入颜色——#1f5fd6、1f5fd6、#1f5、rgb(31, 95, 214)——其余写法会同时出现，还附带保证文字可读所需的对比度数值。

颜色：HEX、RGB 或 RGBA

取色

对比度:

使用方法

HEX 简短，在 CSS 中通用。RGB 直接点明各通道，当数值由计算得出而非手写时很重要。HSL 描述的是色相、饱和度和明度——想要同一颜色再浅一点时首选它，因为你只改一个数字，而不是靠猜去调三个。

按照 WCAG，正文与背景的对比度至少要 4.5:1，大号文字至少 3:1。这里显示的两个数值可以立刻告诉你：这个颜色能承载白字、能承载黑字，还是两者都不行——在设计稿交给开发之前就能知道。

支持哪些格式？

三位、四位、六位和八位的 HEX，带不带井号都行，另外还有用逗号或空格分隔的 rgb() 和 rgba()。透明度会被保留，并体现在 HEX 值里。

为什么 HSL 有时显示的颜色略有差别？

为了便于阅读，HSL 数值被取整，因此来回转换可能让某个通道偏移一个单位。HEX 和 RGB 的值是精确的。

会向服务器发送什么吗？

不会。所有计算都在页面内完成——尚未公开的品牌配色不会离开你的电脑。