详细颜色信息面板
查看颜色的完整参数，包括转换、对比度、名称等详细信息。
输入颜色
#3B82F6
#3B82F6
royalblue物理属性
亮度
48.0%
发光度
24.0%
深色系
Yes
浅色系
No
颜色格式
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
HSV
hsv(217, 76%, 96%)
CMYK
device-cmyk(76% 47% 0% 4%)
XYZ
{"x":23.69,"y":22.56,"z":68.05,"a":1}
LAB
{"l":54.62,"a":8.77,"b":-65.79,"alpha":1}
LCH
{"l":54.62,"c":66.37,"h":277.59,"a":1}
视觉外观
Near Neighbors
#094FC2
#0B63F3
#3B82F6
#6CA1F8
#9DC0FA
Opposite (Complementary)
#F6AE3B
使用说明
- 输入任何格式的颜色代码或使用选择器。
- 系统会实时转换该颜色在所有常用色觉模型中的值。
- 展示该颜色的物理属性，如亮度、发光度等。
- 方便开发者在不同平台间进行色彩同步。
色彩理论百科
RGB vs HSL
RGB 基于红绿蓝光的混色逻辑，常用于数字显示；而 HSL 更符合人类对颜色（色相、饱和度、亮度）的直观感知。
亮度与发光度
亮度（Brightness）通常指视觉上的明暗，而发光度（Luminance）则是定量的物理量，反映光反射效率。