Color Converter

This tool converts colors between various color spaces, with bulk conversion, modern CSS Color 4/5 syntax, and a wide range of color spaces.

Paste your colors; the tool will attempt to convert any text that resembles a color.

Notes

• All color conversions are done in your browser
• Out-of-gamut colors will be gamut mapped by default
• Precision can be adjusted in the settings

Supported Input Formats

• Named colors (red, blue, rebeccapurple)
• Hex codes (#ff0000, #f00)
• RGB/RGBA (rgb(255, 0, 0), rgba(255, 0, 0, 0.5))
• HSL/HSLA (hsl(0, 100%, 50%), hsla(0, 100%, 50%, 0.5))
• Modern syntax (rgb(255 0 0), hsl(0 100% 50% / 0.5))
• Color function syntax (color(display-p3 1 0 0))
• Lab, Lch (lab(50% 0 0), lch(50% 0 0))
• Oklab, Oklch (oklab(50% 0 0), oklch(50% 0 0))
• HWB (hwb(0 0 0))
• XYZ (xyz(0 0 0))
• Display P3 (display-p3(1 0 0))
• Rec. 2020 (rec2020(1 0 0))

Supported Output Formats

• Modern CSS Color 4/5 syntax (rgb(255 0 0), hsl(0 100% 50% / 0.5))
• Color function syntax (color(display-p3 1 0 0))
• Hex codes (#ff0000, #f00)
• RGB/RGBA (rgb(255, 0, 0), rgba(255, 0, 0, 0.5))
• HSL/HSLA (hsl(0, 100%, 50%), hsla(0, 100%, 50%, 0.5))
• Oklab, Oklch (oklab(50% 0 0), oklch(50% 0 0))
• HWB (hwb(0 0 0))
• XYZ (xyz(0 0 0))
• Display P3 (display-p3(1 0 0))
• Rec. 2020 (rec2020(1 0 0))