在线颜色转换
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() 三种写法。