使用方法

1

选择颜色

使用光谱选择器、色轮或粘贴任何颜色代码。

2

构建调色板

向调色板添加颜色,生成和谐色,检查对比度,创建渐变。锁定您喜欢的颜色,随机其余颜色。

3

导出到任何地方

以任何格式复制,导出为 CSS 变量、Tailwind 配置、SCSS 或 JSON。所有操作都在浏览器中完成。

强大功能

100% 私密

所有处理都在本地进行。无上传、无服务器、无跟踪。

14+ 颜色格式

HEX、RGB、HSL、HSV、CMYK、LAB、LCH、OKLAB、OKLCH、HWB 等更多。

无障碍工具

WCAG 和 APCA 对比度检查,色盲模拟。

颜色和谐

互补、类似、三色、四色等多种配色方案。

常见问题

我的数据是私密的吗?
是的,100% 私密。所有颜色处理完全在您的浏览器中使用 JavaScript 进行。没有数据会发送到任何服务器。我们不跟踪、存储或传输任何内容。
支持哪些颜色格式?
我们支持 14+ 颜色格式:HEX、HEX8(带透明度)、RGB、RGBA、HSL、HSLA、HSV、HWB、CMYK、LAB、LCH、OKLAB 和 OKLCH。您可以输入和输出任何格式。
什么是 WCAG 对比度?
WCAG(网页内容无障碍指南)定义了文本可读性的最小对比度。AA 级要求正常文本为 4.5:1,大文本为 3:1。AAA 级分别要求 7:1 和 4.5:1。
什么是 APCA?
APCA(高级感知对比度算法)是一种现代对比度计算方法,能更好地模拟人类感知。它正在被考虑用于 WCAG 3.0,并为实际可读性提供更准确的结果。