专业颜色工作流

一套真正能拿去构建产品的 OKLCH 工具

从一个基础颜色开始，把它扩展成可用色阶或调色板，再验证无障碍和浏览器支持，最后直接带入现代 CSS 工作流。

面向产品团队、前端开发者与设计师

全部在浏览器内运行，结果可直接复制

围绕现代 CSS 与设计令牌工作流构建

OKLCH 颜色选择器

专业的 OKLCH 颜色选择器和转换器，具有实时预览和多格式支持

适合需要在 OKLCH、HEX、RGB、HSL 之间实时转换，并快速复制输出结果的时候。

生成适合设计系统的 50-950 OKLCH 色阶，并导出为 CSS 变量、Tailwind 和设计令牌

适合需要一套 50-950 色阶，并准备接入 CSS 变量、Tailwind 主题或设计令牌流程的时候。

使用 OKLCH 色彩空间生成美丽的调色板，支持多种和谐算法

适合需要协调的多色调色板，而不是单一色相的明暗扩展时。

使用 OKLCH 颜色检查对比度比例以符合可访问性标准，支持 WCAG 评估

适合验证文本、按钮、卡片等前景与背景组合是否满足 WCAG 无障碍要求。

检查您的浏览器对 OKLCH 和现代 CSS 颜色功能的支持

适合确认 OKLCH、color-mix() 和现代 CSS Color 4 特性在浏览器中的实际支持情况。