色彩工具
转换颜色代码、检查 WCAG 对比度、从图像中提取调色板、构建 CSS 渐变、生成阴影、混合颜色和模拟色盲。
色彩工具
- 颜色转换器在 HEX、RGB、HSL、HSV 和 OKLCH 之间转换任何 CSS 颜色。以任何常见格式粘贴颜色 - 一切都在浏览器中本地计算。
- 对比检查器检查两种颜色之间的 WCAG 颜色对比度。获取普通文本和大文本的比率加上 AA / AAA 判决 — 一切都在您的浏览器本地运行。
- 图像中的调色板从图像中提取主色。选择 k 均值或中值切割，选择 2-16 个样本，然后复制为 CSS 变量或 JSON。您的图像永远不会离开您的浏览器。
- CSS 渐变生成器使用多个色标、自定义角度和实时预览构建线性、径向或圆锥形 CSS 渐变。一键复制 CSS。
- 色调、色调和色调从任何基色生成色调（朝向白色）、阴影（朝向黑色）和色调（朝向灰色）。非常适合设计系统。
- 混色器使用比例滑块混合 RGB、HSL 或 OKLCH 空间中的任意两种颜色。还生成插值比例。
- 色盲模拟器模拟颜色或图像在红色盲、绿色盲、蓝色盲或全色盲患者眼中的外观。