色调生成器

这是改变颜色同时保持其色相可辨识的三种经典方法。暗色调是将颜色与黑色混合,使其更暗。亮色调是将其与白色混合,使其更亮更柔和。灰色调是将其与灰色混合,使其变得柔和而不趋向纯黑或纯白。该工具将这三者都生成为一条11级的色条,从原始颜色一直渐变到 0%。

每一步都会按固定百分比将颜色的红、绿、蓝通道向目标(黑色、白色或灰色)混合,这是大多数颜色参考工具使用的简单线性插值方法,而不是调整 HSL 中的明度。这使得渐变在视觉上均匀一致,与将颜料或墨水向黑色、白色或灰色混合所得到的效果相符。

互补色只在色轮上旋转 180° 的色相,同时保持相同的饱和度和明度,因此鲜艳的红色会变成同样鲜艳的青色,这就是色彩理论和设计中所说的"对立色"。反转则是翻转每个红、绿、蓝值(255 减去原值),这也会改变亮度--白色在反转后变为黑色,但在互补操作下由于没有色相可旋转,依然保持白色。

三分色方案在色轮上均匀选取另外两种间隔 120° 的颜色,得到三种对比强烈但仍能协调搭配的颜色。类似色方案在您色相的两侧各选取 30° 的颜色,这些颜色在色轮上彼此相邻,自然看起来和谐统一。单色方案保持您颜色确切的色相和饱和度,只改变明度,得到一组保证协调的颜色,因为它们实际上是同一种颜色在不同亮度水平下的表现。

216 种网页安全色是在旧式 256 色显示器上能够一致呈现的调色板,每个红、绿、蓝通道都限定为六个数值之一(0、51、102、153、204、255)。现代屏幕不再需要这种限制,但网页安全色等效值仍可作为复古风格设计或极度受限色彩输出的参考。

HSL、HSV 和 CMYK 都是通过为不同目的而设计的不同模型来描述同一种颜色。HSL 和 HSV 都描述色相,而 HSV 的"明度"与 HSL 的"亮度"之间的差异,意味着同一颜色在两者之间可能报告不同的饱和度百分比。CMYK 描述打印机会混合多少青色、品红色、黄色和黑色油墨,这遵循减色法则,而不是 RGB 和 HSL/HSV 所使用的红、绿、蓝加色法则,因此这不是一个简单的直接转换。

可以。点击"颜色值"行中的任意十六进制代码,或任意暗色调、亮色调、灰色调,或配色方案色块,即可将其复制到剪贴板。底部的"CSS 代码"部分提供了现成的 background-color、color、border-color 和 box-shadow 规则,并各自配有复制按钮。