Pick & Convert
Adjust the sliders, enter a HEX code, or use the color picker. Alpha (transparency) is set separately.
#
50%
Alpha < 100% - last 2 digits represent transparency
RGB String
rgb(59, 130, 246)
HEX3 (Short)
#3BF
RGBA
rgba(59, 130, 246, 1)
HEX8 (#RRGGBBAA)
#3B82F6FF
HSL
hsl(217, 91%, 60%)
HSLA
hsla(217, 91%, 60%, 1)
CMYK (Approx)
76, 47, 0, 4
CSS Variable
--color-primary: #3B82F6;
Critical Engineering Disclaimer
Use for digital approximation only. Screen rendering differs significantly from physical media. Be aware of:
- Color Space: These values assume standard sRGB. AdobeRGB or P3 monitors will render these values differently.
- Print Mismatch: CMYK conversions here are mathematical approximations and do not account for ICC profiles, ink density, or paper stock.
- Calibration: Uncalibrated monitors can have Delta-E errors > 5.0.