配色方案生成

怎么用

1. 用取色器选一个基色。
2. 选方案：互补（色轮上转 180 度）、三角（转 120 与 240 度）、类似（邻近色相）或单色（明度阶梯）。
3. 五个色块立即出现，各自带 HEX、RGB、HSL 值。
4. 点色块上的 HEX、RGB 或 HSL 标签，按需要的格式复制该值。

常见用法

• 网站主题 —— 从品牌色出发，得到用于强调、边框和底色的辅助色相。
• 数据可视化 —— 三角与类似方案给出共享同一基色、又彼此可区分的系列色。
• 学习色彩理论 —— 直观观察色相旋转与明度阶梯如何改变方案气质。
• 设计交接 —— 把精确的 HSL 值直接复制进 CSS 自定义属性。

常见问题

问：计算用的是哪种颜色模型？ 答：HSL。生成器把基色从 HEX 转到 RGB 再转到 HSL，按方案施加色相、饱和度或明度偏移，再转回来显示。

问：可以用很深或饱和度很高的基色吗？ 答：可以。饱和度与明度偏移会钳制在 0-100 的有效范围内，极端基色也能产出五个合法色块，只是接近纯黑或纯白时变化会更细微。

问：怎么把颜色用进样式表？ 答：点色块上的数值标签复制 HEX、RGB 或 HSL 文本，再粘贴进 CSS 变量或你的设计工具即可。