调色板生成器
OKLCH 调色板生成器
使用 OKLCH 色彩空间生成美丽的调色板,支持不同的色彩和谐算法和导出选项。
内置多种和谐配色模式
支持 JSON、CSS、SCSS、Tailwind 导出
适合广色域配色测试
使用指南
01
选择基础颜色
在“颜色”选项卡中调整 L、C、H 值来设置基础颜色,或点击“随机色相”与随机生成按钮开始探索。
02
选择调色板模式
在“调色板”选项卡中选择调色板类型,例如单色、邻近色、互补色、三色或四色。
03
调整调色板大小
使用滑块设置调色板中颜色的数量。
04
复制颜色
点击任意颜色色块即可复制,或在右侧选择复制格式(HEX、OKLCH、RGB、HSL)。
05
导出调色板
点击“复制调色板”复制整个调色板,或导出为 JSON、CSS、SCSS、Tailwind 配置文件。
超出色域
亮度
彩度
色相
生成的调色板
H180°
#00ab93
oklch(65% 0.150 180)
超出 sRGB 色域
H210°
#00a6c1
oklch(65% 0.150 210)
超出 sRGB 色域
基础色
#0099e0
oklch(65% 0.150 240)
超出 sRGB 色域
H270°
#6c88ea
oklch(65% 0.150 270)
H300°
#9e77dc
oklch(65% 0.150 300)