HSL to HEX Converter — Instant, In-Browser
Convert HSL to HEX (and RGB, OKLCH, LAB) with a copy button per format. Google's color box can't take HSL as input — this can.
Convert HSL to HEX (and to RGB, OKLCH and LAB) in your browser. Paste an hsl() value — for example hsl(173 81% 40%) — and the matching #rrggbb hex code appears instantly with a copy button, alongside every other format. Google's in-page color box doesn't accept HSL as input, so this is the fast way to turn the HSL values from a design tool into the hex codes your CSS, email templates and legacy tooling expect.
FAQ
Convert HSL to HEX (and to RGB, OKLCH and LAB) in your browser. Paste an hsl() value — for example hsl(173 81% 40%) — and the matching #rrggbb hex code appears instantly with a copy button, alongside every other format. Google's in-page color box doesn't accept HSL as input, so this is the fast way to turn the HSL values from a design tool into the hex codes your CSS, email templates and legacy tooling expect.