Home›Converters›Hex to RGB Converter

Hex to RGB Color Converter

Convert hex colors to RGB, HSL and CSS values in real time — with live preview and back-conversion.

100% free No sign-up Private · runs in your browser

How to use the free online hex to rgb converter

Type a hex code like #6366f1 (with or without #).
See RGB, HSL and CSS values instantly.
Preview the color live.
Or enter RGB values to get the hex back.

About this tool

Convert hex color codes to RGB, HSL and CSS-ready values in real time — and back. Paste a color like #6366f1, see the exact RGB and HSL breakdown, a live preview swatch, and copy any format with one click. The essential companion for designers and developers working in CSS, Figma or Photoshop.

Key features

Hex ↔ RGB ↔ HSL
Live color preview
CSS-ready output
Works with #fff or #ffffff

Privacy first: every calculation and generation runs 100% locally in your web browser using the Web Crypto API. Your input never touches a server — nothing is stored, logged or sold.

Read the guide

Design · 4 min read

HEX vs RGB vs HSL: color codes for developers

What #6366f1 actually means, when to use RGB, and why HSL is often the smartest choice.

Frequently asked questions

A hex color like #6366f1 encodes red, green and blue as two-digit hexadecimal pairs. #6366f1 means red 0x63, green 0x66, blue 0xf1.

Each pair converts separately: 0x63 = 99, 0x66 = 102, 0xf1 = 241, so #6366f1 becomes rgb(99, 102, 241). The calculator does this live as you type.

HSL (hue, saturation, lightness) makes colors intuitive to adjust — e.g. darkening a button is just lowering the lightness value.