Ensure
颜色

颜色转换

在 HEX、RGB、HSL 和 CSS 写法之间转换颜色。

HEX

#00c16a

HEX（短）

#00c16a

RGB

rgb(0, 193, 106)

RGBA

rgba(0, 193, 106, 1)

HSL

hsl(153, 100%, 38%)

HSLA

hsla(153, 100%, 38%, 1)

CSS 变量

--color: #00c16a;

Tailwind 任意值

bg-[#00c16a]

相关指南

HEX、RGB、HSL 与更新的颜色空间HEX、RGB、HSL、LCH 和 OKLCH 彼此之间是什么关系，为什么用 HSL 做出来的配色在中间档会发浑，以及色域裁剪和 alpha 合成会如何改变你最终得到的颜色。不靠猜也能达到 WCAG 的颜色对比度要求对比度比值到底测量的是什么，文本和界面组件的 AA 与 AAA 阈值分别是多少，以及那些每次都悄悄不达标的白底灰字错误。

相关工具

调色板生成
从一个基础色生成深浅层次与配色方案。
颜色
对比度检查
按 WCAG AA 与 AAA 标准检查前景色和背景色的搭配。
颜色