颜色
改任意一处，另外两处跟着变配色方案
点击任意色块复制该颜色 · 「复制调色板」给出全部 HEX，以逗号分隔
对比度检测
WCAG 2.1 相对亮度公式
15.30: 1
普通文本示例 · 16px：四色笔记 sisenote
大号文本示例 · 24px 粗体
这是一份配色与可读性工具：左边改颜色、右边立刻出方案与结论。它支持 HEX、RGB、HSL 三种写法互相转换（改任意一处，另外两处跟着变），并一键生成互补色、类似色、三角色、分裂互补、 四分色、单色六种配色方案。互补色取色轮对面 180 度；类似色取左右各 30 度；三角色取相隔 120 度的三个色； 分裂互补取 150 度与 210 度；四分色取相隔 90 度的四个色；单色保持色相不变、只拉开明度， 适合做同一色系的分层。点击任意色块即复制该颜色，也可以把整套调色板一次性复制走。
对比度检测严格照 WCAG 2.1 的相对亮度公式计算：先把两个颜色的 R、G、B 各自归一化并做伽马校正，
加权得到相对亮度 L（取值 0 到 1），对比度 = (L亮 + 0.05) / (L暗 + 0.05)，范围 1:1 到 21:1 ——
不是查表也不是估算。工具对普通文本与大号文本分别判定 AA 与 AAA 四项：
普通文本的 AA 门槛是 4.5:1、AAA 是 7:1；大号文本（不小于 18pt，或不小于 14pt 的粗体）的
AA 门槛是 3:1、AAA 是 4.5:1。
需要说清楚的是：对比度达标不等于配色好看。它只衡量「能不能看清」，是可用性的下限而不是审美标准； 反过来，好看但对比度不够的配色，在阳光下的手机屏、老化显示器或视力受损用户那里会直接失效。 建议先用对比度把可读性兜住，再在这个底子上调审美。
渐变支持 2 到 6 个色标，可任意增删与拖动位置，线性 / 径向切换，角度可调并实时预览，
生成的 background 声明值可直接粘贴使用。所有颜色换算、对比度与渐变渲染都在浏览器本地完成，
页面不发出任何携带数据的网络请求。
按 WCAG 2.1 的相对亮度公式：先把两个颜色的 R、G、B 各自归一化并做伽马校正，加权得到相对亮度 L（0~1），对比度 = (L亮 + 0.05) / (L暗 + 0.05)，取值 1:1 到 21:1。本工具直接照这个公式计算，不是查表也不是估算。
普通文本（小于 18pt，或小于 14pt 的加粗文本）：AA 要求对比度不低于 4.5:1，AAA 要求不低于 7:1。大号文本（不小于 18pt，或不小于 14pt 的加粗文本）：AA 要求不低于 3:1，AAA 要求不低于 4.5:1。本工具对这四项分别给出通过与未通过。
互补色取色轮对面 180 度；类似色取左右各 30 度；三角色取相隔 120 度的三个色；分裂互补取 150 度与 210 度；四分色取相隔 90 度的四个色；单色保持色相不变、只拉开明度，适合做同一色系的分层。
会就地给出明确提示，不会改动你当前的颜色，也不会让页面出错。支持 #rgb、#rrggbb、#rrggbbaa 以及 rgb()、rgba()、hsl()、hsla() 写法，也支持空格或逗号分隔的三个数字；无法识别时提示具体原因。
最少 2 个、最多 6 个色标，可任意增删与调整位置，支持线性渐变与径向渐变、角度调节与实时预览。生成的 CSS 是可直接粘贴使用的 background 声明值，复制按钮给出的就是这一行，不含多余包装。
不等于。对比度只衡量「能不能看清」，是可用性的下限而不是审美标准；反过来，好看但对比度不够的配色在阳光下的手机屏、老化显示器或视力受损用户那里会直接失效。建议先用对比度把可读性兜住，再在此基础上调审美。