11 shades of one hue from a hex color, as a swatch strip and CSS custom properties
Color Converter
Runs locally
Use Color Converter
What it does
Type a color as #hex, rgb() or hsl(), or choose one with the picker, and get the same color in the other two notations plus its red, green and blue values.
It runs entirely in your browser: nothing you enter is uploaded.
Example
A medium blue in rgb()
rgb(59, 130, 246)HEX
#3b82f6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
R
59
G
130
B
246HEX #3b82f6, HSL hsl(217, 91%, 60%) and R 59, G 130, B 246; the swatch turns blue.
FAQ
Which color formats can I enter?
Hex with a leading # (3 or 6 digits), rgb() or rgba() and hsl() or hsla() with plain numbers; alpha is ignored. Color names such as red and hex without # are rejected, and percentage RGB values such as rgb(100%, 50%, 0%) are misread.
Are the conversions exact?
HSL is rounded to whole degrees and percent, so converting that HSL back can move each channel by a few units. Only sRGB notations are covered; there is no CMYK, LAB or OKLCH.
Is anything uploaded?
No. Parsing and conversion run in your browser and the page makes no network request.