👁️
颜色预览
输入HEX/RGB/HSL颜色值，实时预览并显示多种格式
#3498DB
#081d2b
#0f3a57
#175782
#1f74ad
#2691d9
#52a7e0
#7dbde8
#a8d3f0
#d4e9f7
暗 (10)亮 (90)
RGB 分量
R:52G:152B:219
HSL 分量
H:204°S:70%L:53%
亮度
51% (亮色)
反色
#CB6724
颜色格式
| 格式 | 值 | 操作 |
|---|---|---|
| HEX | #3498DB | |
| HEX (小写) | #3498db | |
| RGB | rgb(52, 152, 219) | |
| RGBA | rgba(52, 152, 219, 1) | |
| HSL | hsl(204, 70%, 53%) | |
| HSLA | hsla(204, 70%, 53%, 1) | |
| CSS变量 | --color: #3498db; | |
| Tailwind | bg-[#3498db] |