HEX to RGB — HEX codes like #4f46e5 are shorthand for RGB values. This converter expands any 3- or 6-digit HEX code into its rgb() and hsl() CSS equivalents, with a live preview swatch.
Conversion runs locally in your browser.
Was HEX to RGB useful?
What is hex to rgb?
HEX codes like #4f46e5 are shorthand for RGB values. This converter expands any 3- or 6-digit HEX code into its rgb() and hsl() CSS equivalents, with a live preview swatch.
Invalid input is flagged immediately so you never copy a broken value into your stylesheet.
How to use it
-
Enter a HEX code
With or without the leading #, 3 or 6 digits.
-
Copy RGB or HSL
Both formats appear with copy buttons.
Examples
Shorthand expands
#f80 expands to the same color as #ff8800.
#f80
Result: rgb(255, 136, 0)
Frequently asked questions
Related guides
How to Test Color Contrast for Accessibility (WCAG 2.2 Explained)
Color contrast is the most-measured accessibility metric on the web. This guide explains the WCAG 2.2 contrast formula, the AA and AAA thresholds, and how to make sure your site is usable for people with low vision.
How to Make a Color Palette from a Photo (and Why You Should)
A photo is a great source for a color palette — the colors already work together. This guide covers the visual approach, the algorithmic approach, and the right tools for designers and developers.
The 8 Best Free Color Tools in 2026 (For Designers and Developers)
A curated list of the best free color tools: pickers, palette generators, contrast checkers, format converters, and image-based color extractors. All run locally, no signup, no upload.
Related tools
Last reviewed: 2026-09-18