颜色工具包

关于色彩工具包

Color Toolkit 是一款四合一的颜色实用工具，适用于设计师和开发人员。“转换”选项卡可将任何颜色转换为六种格式：HEX、RGB、HSL、HSV、CMYK 和 CSS rgb() 函数语法。“对比度”选项卡会根据 WCAG 2.1 的四个阈值（普通 AA、普通 AAA、大 AA 和大 AAA）检查前景色和背景色组合，并实时预览组合效果。“调色板”选项卡可从任何基色生成六种和谐类型：互补色、邻近色、三色、分裂互补色、四色和单色。“色调”选项卡可生成十种接近白色的色调和十种接近黑色的色调。

如何使用

选择当前任务对应的选项卡。在“转换”、“调色板”和“色调”选项卡中，使用色板打开原生颜色选择器，或直接在文本框中输入任何十六进制代码。也接受珊瑚色或钢蓝色等 CSS 颜色名称。在“对比度”选项卡中，分别设置前景色和背景色，并使用“交换”按钮反转颜色对。单击“调色板”或“色调”选项卡上的任意色块，即可将其十六进制代码复制到剪贴板。在“转换”选项卡中，每个输出行都有自己的复制按钮。

WCAG 对比度遵循 Web 内容无障碍指南 2.1 的公式。4.5:1 或更高的对比度可使普通文本达到 AA 级，7:1 可达到 AAA 级。大号文本（18 磅或 14 磅粗体）的阈值较低，AA 级为 3:1，AAA 级为 4.5:1。使用“调色板”选项卡可以快速探索设计方向 - 单击任意色块即可复制其十六进制代码并粘贴到编辑器或设计工具中。