随机配色灵感

算法使用黄金角（137.5°）在色相环上分布 5 个颜色，使色相差异均匀；同时对饱和度（40-92%）和明度（22-78%）做约束，避免出现过暗或过灰的颜色，保证整体协调又有层次。

点击单个色块可复制该色的 HEX 值；点击"复制整组色值"可按选定格式一次性导出全部颜色。可在导出格式中选择 CSS 变量、Tailwind 或 SCSS 直接用于项目。

随机配色最大的价值是打破惯性：反复手调容易在几个熟悉色相里打转， 随机能给一个意想不到的起点。它适合做灵感探索、快速出多版草稿、 以及给图表、标签、头像背景这类「需要区分但不需要品牌一致性」的场景批量分配颜色。

但纯粹的随机几乎不可用。三个通道各自均匀随机，出来的颜色往往是浑浊的中间色： 饱和度与明度都落在中段，既不鲜亮也不沉稳。 因此在 HSL / HSV 空间里随机更合理——先定色相，再在可控区间内取饱和度与明度， 质量会明显提升。

几条实用的约束： 明度错开（一组颜色里至少有一深一浅，避免全部挤在同一明度上看起来像一片）； 饱和度同档（要么都克制、要么都活泼，混搭最容易显脏）； 色相按关系取（类似色比完全随机更协调，需要区分度时再拉开到三分或互补）； 留出中性色（随机只生成主辅色，背景与正文仍用固定的黑白灰，界面才立得住）。

如果是给图表或标签批量分色，还要注意可区分性： 相邻两项不能太接近，且要照顾色觉障碍——红绿相邻是最典型的反例。 做法是在色相环上均匀取样，并交替拉开明度， 这样即便在灰度下也能靠深浅分辨。

拿到随机结果后建议做两步收尾：一是把其中一个颜色定为主色、其余降饱和做配角， 二是跑一遍对比度检测，确保文字压在这些颜色上仍然达标。 本工具的随机与转换都在浏览器本地完成，刷新即可换一批。

随机结果要能复现才有实用价值：选定一组后请把色值复制保存下来 （或记下生成时的色相关系与区间），下次需要扩展时以它为基准继续， 而不是重新随机一批。否则同一产品在不同页面上会出现两套不一致的颜色， 看起来像两个项目。

推荐的组合流程是：用随机配色打开思路 → 在调色板工具里整理成明度阶梯 → 用对比度检测验收文字可读性 → 最后固化成设计令牌。 随机只负责提供灵感，结构化与验收交给后面三步， 这样既能跳出惯性，又不会把随机结果直接搬进产品导致界面不统一。 生成的色值可一键复制，也能直接作为后续调色与对比度检测的输入。