OKLCH 色域渐变工作室

以 OKLCH 构造平滑渐变,并将超出 sRGB 的中间色映射到可显示范围。

端点与色阶

色域映射预览

输入与输出示例

#7C3AED → #F97316感知平滑的 sRGB 映射渐变

如何使用

  1. 选择渐变两端颜色。
  2. 调整样本数量。
  3. 复制渐变 CSS 或单个色块。

能力与限制

  • 浏览器本地处理
  • 色域映射通过二分降低色度,不等同于浏览器或图形工具的所有映射策略。
  • 仅输出 sRGB 可显示颜色。

常见问题

为什么中间色和 RGB 渐变不同?
OKLCH 会优先平滑亮度和感知色相,因此中间结果通常不同。

相关指南

颜色格式与对比度:从 HEX 到可读的界面配色 ↗

相关工具

更新于 2026-10-17 · 项目与反馈说明