Convert ProPhoto RGB to HSL
Generate CSS-ready color tokens in every format you need
ProPhoto RGB → HSL
Professional photography color space → Hue, Saturation, Lightness
Live previews
Instant conversions with CSS-compatible syntax for every output
Tailored for CSS Developers
Generate CSS-ready color tokens in every format you need
Tip: Hover over the input to auto-paste from clipboard
Paste or type a color value
Auto-detects HEX, RGB, HSL, and 12+ formats
Frequently Asked Questions
What color formats are supported?
We support HEX, RGB, HSL, HSV, HWB, LAB, LCH, OKLab, OKLCH, Display P3, Rec. 2020, ProPhoto RGB, Adobe RGB (1998), and XYZ color spaces with both D65 and D50 illuminants.
How accurate are the color conversions?
Our conversions use the industry-standard Color.js library, ensuring high accuracy across all color spaces. Wide gamut colors are properly handled with appropriate color space transformations.
Can I convert colors outside the sRGB gamut?
Yes! We support wide gamut color spaces like Display P3, Rec. 2020, and ProPhoto RGB. These can represent colors that standard sRGB monitors cannot display.
What's the difference between LAB and OKLab?
LAB is the traditional perceptually uniform color space, while OKLab is a newer, improved version that better matches human color perception. OKLab provides more intuitive results for color manipulation.
Converting ProPhoto RGB to HSL Colors
Ship consistent design systems faster by translating design specs into production-ready CSS color tokens without copy-paste mistakes.
Example Conversion
Input (ProPhoto RGB)
color(prophoto-rgb 0.486 0.589 0.754) Output (HSL)
hsl(217, 91%, 60%) A
About ProPhoto RGB
Professional photography color space. This color format is commonly used in wide-gamut photography, video, and motion workflows.
B
About HSL
Hue, Saturation, Lightness. Converting to this format is useful for browser-ready color tokens and UI builds.