Color Converter
Convert HEX, RGB and HSL values, or pick a colour from the palette, an image or the screen and copy the format you need for HTML and CSS.
A HEX code such as #d63428 can be converted from HEX to RGB or from RGB to HEX without rewriting channel values by hand. Entering any of the three formats updates the other fields, the resulting color codes and the light and dark previews.
Finding a colour for HTML or CSS
HEX is compact, RGB exposes the red, green and blue channels, and HSL makes changes to hue, saturation and lightness easier to reason about. This quick reference uses the same red in each notation.
| Format | Example | Best fit |
|---|---|---|
| HEX | #d63428 | Web styles and design tokens |
| RGB | rgb(214, 52, 40) | Canvas work and alpha variants |
| HSL | hsl(4, 69%, 50%) | Theme shades and tonal adjustments |
The on-page HEX color picker is useful when you are building a palette. If the source is a screenshot or photo, From Image turns the tool into a color code finder: select a pixel and the HEX, RGB and HSL fields follow it. That step stays in your browser.
A color code picker does not judge contrast, so test text and background pairs separately. For normal text, WCAG AA generally requires 4.5:1. Once checked, copy the value as one of the standard HTML color codes or paste it into a stylesheet. In that practical sense it also serves as a CSS color finder and HEX code finder.
Frequently Asked Questions About the Color Converter
HEX is compact and widely used for fixed colours. RGB is convenient when you also need an alpha channel, while HSL makes tonal adjustments easier. Browsers support all three for standard CSS color properties.
Yes. Open From Image, choose a JPG, PNG, WebP or GIF, and select a pixel. The tool reads it in your browser and updates the HEX, RGB and HSL values without uploading the image to the site server.
Couldn't find the answer you were looking for?
Explore all our tools and get the fastest answer to your question.