OKLCH 色域渐变工作室
以 OKLCH 构造平滑渐变,并将超出 sRGB 的中间色映射到可显示范围。
端点与色阶
色域映射预览
输入与输出示例
#7C3AED → #F97316感知平滑的 sRGB 映射渐变如何使用
- 选择渐变两端颜色。
- 调整样本数量。
- 复制渐变 CSS 或单个色块。
能力与限制
- 浏览器本地处理
- 色域映射通过二分降低色度,不等同于浏览器或图形工具的所有映射策略。
- 仅输出 sRGB 可显示颜色。
常见问题
- 为什么中间色和 RGB 渐变不同?
- OKLCH 会优先平滑亮度和感知色相,因此中间结果通常不同。
相关指南
颜色格式与对比度:从 HEX 到可读的界面配色 ↗相关工具
更新于 2026-10-17 · 项目与反馈说明