什么是颜色代码转换?
在网页设计和开发中常用的 HEX(#1b2433)、RGB、HSL 颜色表示法之间互相转换。用取色器选色或输入代码,即可查看所有格式的值、明度色阶,以及与白色/黑色背景的对比度。
使用方法
- 1
用取色器选色,或输入 HEX、RGB、HSL 之一。
- 2
按需要的格式复制转换后的代码。
- 3
点击下方色板中的明度色阶即可切换到该颜色。
使用场景
设计稿 → CSS
把设计工具中的 HEX 值转换为 rgb() 或 hsl(),便于调整透明度。
检查按钮可访问性
确认与白色文字的对比度不低于 4.5:1,选出易读的按钮颜色。
常见问题
可以输入哪些格式?+
可识别 #abc、#aabbcc、rgb(10, 20, 30)、hsl(210, 50%, 40%) 格式。