渐变色板构建器
在两个颜色之间生成可控数量的 RGB、HSL 或 OKLCH 过渡色板。
构建设置
过渡色板
输入与输出示例
#0F766E → #F97316 · 7 steps七段过渡色板如何使用
- 设置起点与终点颜色。
- 选择插值空间和色块数量。
- 复制单个色块或整组变量。
能力与限制
- 浏览器本地处理
- OKLCH 在超出 sRGB 时会压缩色度以保留可显示颜色。
- 不同显示器的实际呈现可能有差异。
常见问题
- 为什么选择 OKLCH？
- 它按更接近人眼感知的空间插值，通常能减少中间色发灰或明暗跳变。
相关指南
颜色格式与对比度：从 HEX 到可读的界面配色 ↗相关工具
更新于 2026-10-17 · 项目与反馈说明