颜色选择器

从一个颜色做出一整套配色

这里每一种配色都是「旋转色相、固定饱和度与亮度」的结果，这就是为什么它们看起来像是一组，而不是 五个互不相干的颜色。

• 互补色——色轮上的正对面，180°。两个色相之间对比最强；力道很足，也很容易用过头。
• 邻近色——±30°。彼此相邻，所以整体感觉平静、对比低，需要另外找东西来制造重点。
• 三角配色——彼此相隔 120°。平衡而鲜明；通常最好让其中一个为主，另外两个当点缀。
• 分裂互补色——互补色左右两侧的那两个颜色。保留了互补配色大部分的张力，但少了那种刺眼的 跳动感。
• 四角配色——两组互补色。这是你还能勉强兜在一起的最多颜色，也是最难平衡的。

深浅阶

这组色阶固定色相与饱和度，把亮度从 95% 一路降到 5%。设计系统就是这样从单一品牌色产生出一整组 色阶的，而在 HSL 里这只是改一个数字，在十六进位里则要改三个。

有一个但书：这样做出来的色阶在亮度数值上是均匀的，在视觉明亮度上并不是。黄色看起来会像是 跳了一阶，蓝色则像是几乎没动。如果你要的是视觉上均匀的色阶，那应该用 OKLCH 而不是 HSL。

从屏幕取色

滴管可以读取屏幕上任何一个像素，包括浏览器以外的地方。它需要 EyeDropper API，那是 Chromium 系浏览器才有的——Chrome、Edge、Opera、Arc、Brave。在其他浏览器上这个按钮就不会出现，因为它只是 便利功能，不是这个工具本身。

没有任何上传

所有事情都在这个页面里完成，包括滴管——它读到的那个像素不会离开你的机器。