HEX to RGB
A focused view of the shared Color Converter for hex work: type a 3, 4, 6 or 8-digit hex code (with or without #), read the rgb()/rgba() value, and drive it the other way with red, green, blue and alpha sliders. Copy Tailwind arbitrary classes, CSS variables and every other format (HSL, OKLCH, LAB, P3…) from the same page, check contrast, or open the full converter for ramps and batch conversion.
Related tools
Color Converter
Convert any CSS colour between HEX, RGB, HSL, HWB, LAB, LCH, OKLCH and P3, with contrast checks and ramps.
Color Palette Generator
Build accessible palettes from a seed colour or an image, with Tailwind and token exports.
CSS Gradient Generator
Design linear, radial and conic gradients with draggable stops, layers and Tailwind, CSS or SVG output.
Box Shadow Generator
Design box-shadow, text-shadow and drop-shadow() with layers, presets and a light/dark preview.
How to use HEX to RGB
- 1Paste a hex code or pick a colour.
- 2Drag the R, G, B and alpha sliders to adjust it — the hex updates live.
- 3Copy the RGB value, Tailwind class or CSS variable.
About HEX to RGB
A focused view of the shared Color Converter for hex work: type a 3, 4, 6 or 8-digit hex code (with or without #), read the rgb()/rgba() value, and drive it the other way with red, green, blue and alpha sliders. Copy Tailwind arbitrary classes, CSS variables and every other format (HSL, OKLCH, LAB, P3…) from the same page, check contrast, or open the full converter for ramps and batch conversion.
HEX to RGB is part of FizzKit — a collection of focused developer and ad-tech tools. Because everything runs locally, it works offline once loaded and never exposes your data to a remote server.