The 12-bit rainbow palette
a year ago
- #color theory
- #design
- #web development
- 12位彩虹色板专为National Grid: Live设计，采用12种优化人类对亮度、色度和色调感知的颜色。
- 12位色板中的每种颜色均用4字符十六进制代码表示，便于高效应用于CSS或SVG。
- 传统RGB色彩空间平等对待红绿蓝三色，但人类对亮度的感知存在差异，导致简单RGB彩虹的亮度不均匀。
- LCH色彩空间（亮度、色度、色调）具有感知均匀性，数值变化对应一致的视觉差异。
- 固定LCH亮度和色度的彩虹色板会显得不自然，例如黄色会渐变为棕色，蓝色则显得过于苍白。
- 更优方案是通过受控方式调整亮度，优先保证黄色的高亮度，并相应调节其他色调。
- 12位色深仅需对亮度、色度和色调进行微调，这些变化足够细微以保持视觉一致性。
- 最终色板呈现均匀分布的色调、最小化的色度变化及平滑的亮度过渡，实现平衡的彩虹效果。