rgba to hex

RGBA to Hex Converter

valid values example one: rgb(249 250 251)

valid values example two: rgba(32, 97, 157, 1)

Converted 转换后为

#f1f5f9
hex 前六位分别表示r,g,b,每种颜色两位
hex 后位表示透明度,ff 表示透明的为1,00 表示透明的为0

颜色预览 Color Preview

Nearest tailwind color
v3.3+

Hex: #f1f5f9

For text: text-slate-100

For bg: bg-slate-100

RGBA to Hex

转换逻辑:

以 rgba(255,255,255,0.4) 举例

先将r、g、b分别转换为十六进制,比如 r、g、b分别为 255,则转换后得到的为 FF、FF、FF

将a 乘以 255,然后获得的积的整数部分转换为十六进制,如 a 为 0.4,乘以255后得到的积为102,102 转换为十六进制就是66

将上两步得到的数拼成字符串就是HEX颜色了。如 rgba(255,255,255,0.4) 转换得到HEX为 #FFFFFF66