素材阁

OKLCH 颜色转换

HEX 转 OKLab / OKLCH 感知均色空间（OKLab / OKLCH，感知均色空间），纯前端计算。

输入颜色

结果

OKLCH
OKLab
CSS oklch()
HEX / RGB
HSL

相关工具

CBP

混合模式预览

预览 CSS mix-blend-mode 叠加效果

GTX

渐变文字生成

渐变填充文字 CSS

#

颜色格式转换

HEX / RGB / HSL 颜色互转与预览

RGB

图片取色器

从图片中吸取像素颜色

渐

CSS 渐变生成器

可视化生成线性/径向渐变，可导出 PNG

◐

颜色对比度检测

按 WCAG 算对比度，判定 AA / AAA 是否达标