配色与主题生成

这个工具是什么？

从任意基色生成互补色、类似色、三色组等和谐配色方案。可直接用于设计和开发。

配色与主题生成用于可视化选择颜色或计算派生颜色，并以适合 CSS 和设计系统的格式展示。HEX、RGB 和 HSL 是同一种颜色的不同坐标表示。

适合快速检查并复制 UI 设计稿、设计 token、CSS 变量和配色方案中的颜色值。

如何使用

1. 选择基准颜色或输入 HEX 值。
2. 查看计算出的颜色值或调色板。
3. 复制所需的 HEX、RGB、HSL 或 CSS 值。
4. 在真实背景和文本上同时检查对比度与可访问性。

相关工具与概念

• MDN HSL color
• 取色器 — HEX、RGB、HSL
• CSS 单位转换 — px、rem、em 与 pt