tooly

Color converter

Convert any colour between HEX, RGB and HSL, tweak channels with sliders and preview the result. Paste a CSS value such as #2563eb, rgb(37, 99, 235) or hsl(221, 83%, 53%).

Everything runs in your browser — nothing is sent anywhere

How to use

  1. 1

    Pick a colour or paste a HEX, RGB or HSL value.

  2. 2

    Adjust the R, G, B sliders if needed.

  3. 3

    Copy the format you need.

FAQ

Which inputs are accepted?

#rgb, #rrggbb, rgb(), rgba(), hsl(), hsla() and plain 255, 0, 0.

Is alpha supported?

Alpha values are accepted in the input but the output formats are opaque.

Why do HSL values round?

Hue is shown in whole degrees and saturation/lightness in whole percent, which is how CSS is normally written.

Is anything sent to a server?

No. Everything runs in your browser.

Related tools

QR code generatorCreate QR codes for links, text, Wi-Fi and contacts. Choose size, colours and error correction, download as PNG or SVG. Runs in your browser.Favicon generatorCreate a favicon.ico (16/32/48) plus apple-touch-icon and PNG icons from a PNG, JPG, WebP or SVG. All sizes in one ZIP, generated in your browser.Convert SVG to PNG onlineConvert SVG vector files to PNG at any size in your browser. Set the width, keep transparency, convert many files at once and download a ZIP. No upload.