Detailed Color Info Panel
View comprehensive color data including conversions, contrast, and names.
Input Color
#3B82F6
#3B82F6
royalbluePhysical Properties
Brightness
48.0%
Luminance
24.0%
Is Dark
Yes
Is Light
No
Color Formats
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}
Visual Appearance
Near Neighbors
#094FC2
#0B63F3
#3B82F6
#6CA1F8
#9DC0FA
Opposite (Complementary)
#F6AE3B
Usage Guide
- Enter color codes in any format or use the picker.
- The system converts the color values into all common color models in real-time.
- View physical properties like brightness and luminance.
- Useful for developers to sync colors across different platforms.
Color Theory Encyclopedia
RGB vs HSL
RGB is based on the additive color mixing of Red, Green, and Blue light, ideal for screens, while HSL is more intuitive for humans (Hue, Saturation, Lightness).
Brightness & Luminance
Brightness is a subjective perception of color intensity, whereas Luminance is a quantitative measure of light reflection efficiency.