跳到正文
工具探险队

颜色代码转换

在 HEX、RGB、HSL 颜色代码之间互相转换,并生成明度色阶。

#图片#开发#转换
在浏览器中处理,不上传服务器IMG-017

什么是颜色代码转换?

在网页设计和开发中常用的 HEX(#1b2433)、RGB、HSL 颜色表示法之间互相转换。用取色器选色或输入代码,即可查看所有格式的值、明度色阶,以及与白色/黑色背景的对比度。

使用方法

  1. 1

    用取色器选色,或输入 HEX、RGB、HSL 之一。

  2. 2

    按需要的格式复制转换后的代码。

  3. 3

    点击下方色板中的明度色阶即可切换到该颜色。

使用场景

设计稿 → CSS

把设计工具中的 HEX 值转换为 rgb() 或 hsl(),便于调整透明度。

检查按钮可访问性

确认与白色文字的对比度不低于 4.5:1,选出易读的按钮颜色。

常见问题

可以输入哪些格式?+

可识别 #abc、#aabbcc、rgb(10, 20, 30)、hsl(210, 50%, 40%) 格式。

搜索工具

按名称、说明或关键词查找工具