CSS 与颜色
颜色格式转换
在 Hex、RGB、HSL 和 OKLCH 之间互转颜色，实时预览色块。
浏览器内处理即时输出本地数据
Hex
#1a7a3d
RGB
rgb(26, 122, 61)
HSL
hsl(142, 65%, 29%)
OKLCH
oklch(51.1% 0.1277 150.5)
为什么用这个工具
03自动识别输入格式，同时输出 Hex、RGB、HSL 和 OKLCH，支持色相滑块调整。
颜色格式转换自动识别 Hex、RGB、HSL 或 OKLCH 输入，一次性输出全部格式。
色相滑块可在保持亮度和饱和度不变的情况下调整色调。
如何使用
03复制前快速检查
03先确认输入格式符合你的预期。
在把结果用于文档、链接、配置或消息前快速扫一眼。
只复制你真正需要的输出。
常见问题
02
支持哪些输入格式？
支持 #hex（3/4/6/8 位）、rgb()、rgba()、hsl()、hsla() 和 oklch()。
OKLCH 是什么？
OKLCH 是一种感知均匀的颜色模型，由亮度、色度和色相定义，现代 CSS 已原生支持。