在线颜色转换

HEX RGB HSL在线互转、带颜色预览与可读文字色判断

Aa
HEX #3B6EF6
RGB rgb(59, 110, 246)
HSL hsl(223, 91%, 60%)
适合的文字色 白色

关于颜色转换

一个输入框,认 HEX、RGB、HSL 三种写法,输进去同时给出三种格式,右边一块色块直接看效果。

色块里的 Aa 会用黑字或白字显示,判断依据是这个颜色的亮度。做按钮、卡片配色时不用再自己试哪边更清楚,直接抄这个结论就行。

每行的复制按钮给的是该格式的标准写法,粘进 CSS、设计稿或者别的工具都能直接用。

常见问题

支持带透明度的 8 位 HEX 吗?

不支持,这里只处理不透明颜色。需要透明度得另找工具或者手写 rgba。

RGB 能写百分比吗?

不能,只认 0 到 255 的整数。百分比写法得先换算。

能用 red 这种颜色名吗?

认不出,只接受 HEX、rgb() 和 hsl() 三种写法。

同类工具

图片工具 查看全部 ›