IMAGE◐颜色转换

HEX ⇄ RGB

📦100% 浏览器本地· 浏览器内处理,不上传任何数据

HEX(支持 #abc / #abcd / #rrggbb / #rrggbbaa)

Alpha (100%)

H(色相 10°)

S(饱和 75%)

L(亮度 41%)

#B8341A · rgb(184, 52, 26)

HEX: #b8341a

RGB: rgb(184, 52, 26)

RGBA: rgba(184, 52, 26, 1.00)

HSL: hsl(10, 75%, 41%)

HSLA: hsla(10, 75%, 41%, 1.00)

修改任意一项(HEX / RGB / HSL / Alpha),其余自动联动。HEX 支持 3/4/6/8 位简写与扩展。

颜色转换:HEX / RGB 互转

典型场景：① 设计师给的是 HEX 色值，代码里要用 RGB；② 对照设计稿核对颜色；③ 在网页中搭配透明度使用颜色。

使用方法：在输入框填入 HEX（带 `#` 或不带均可）或 RGB 值，工具会实时换算并显示色块预览，方便确认效果。

温馨提示：① 带 8 位 HEX 可表示透明度（如 `#5B5FCF80` 约为 50% 透明）；② 文字与背景对比度建议 ≥ 4.5:1，更利于阅读和无障碍；③ 同一色值在不同显示器上可能略有差异，正式设计稿建议以实机效果为准。