Favicon Generator
Create favicons in every size you need from a PNG, JPG, SVG or ICO file.
How it works
HEX to RGB Converter
Convert hexadecimal color codes to RGB values and back, instantly. Paste any HEX, RGB or HSL color and copy the format you need for CSS, design tools or code.
AaAa
Copy as
- HEX
- RGB
- RGBA
- HSL
- RGB values
- RGB 0–1
Tints and shades
- 01
Type a HEX code like #C7F36B, or paste rgb(199, 243, 107). Short #RGB and #RRGGBBAA codes work too.
- 02
Or edit the red, green and blue values, or pick a color visually. Every field stays in sync.
- 03
Copy the format you need: HEX, RGB, RGBA, HSL or raw values. Click a tint or shade to use it.
About this tool
HEX and RGB colors explained
HEX and RGB are two ways of writing the same color. RGB describes a color by its red, green and blue channels, each from 0 to 255, for example rgb(199, 243, 107). A HEX code writes those three numbers in hexadecimal: #C7F36B means C7 (199) red, F3 (243) green and 6B (107) blue. Eight-digit HEX codes add an alpha channel for transparency.
Designers often work in HEX while code, canvas APIs and some design tools need RGB or HSL. This converter keeps every format in sync as you type, shows how readable white and dark text are on the color, and generates tints and shades you can use to build a palette.
Two-way conversion
HEX to RGB and RGB to HEX, plus HSL, RGBA and 0–1 values.
Every HEX format
Supports #RGB, #RGBA, #RRGGBB and #RRGGBBAA codes.
Contrast check
See WCAG contrast ratios for white and dark text on your color.
Tints and shades
An 11-step scale from light to dark, ready to copy.
FAQ
Frequently asked questions
How do I convert HEX to RGB?
Split the six-digit code into three pairs and convert each from base 16 to base 10. For #FF6600: FF = 255, 66 = 102, 00 = 0, so the color is rgb(255, 102, 0). This tool does it instantly.
How do I convert RGB to HEX?
Convert each channel from 0–255 to a two-digit hexadecimal number and join them: rgb(255, 102, 0) becomes FF, 66, 00, or #FF6600.
What is an 8-digit HEX code?
The last two digits are the alpha (opacity) channel. #FF660080 is the same orange at about 50% opacity, equivalent to rgba(255, 102, 0, 0.5).
Is HEX or RGB better for CSS?
Both are equally supported. HEX is compact and common in design handoff; rgb() and hsl() are easier to read and adjust, especially with transparency.
Missing something?
Tell us the tool you wish existed.
Instant.tools grows from real requests. Describe the task you're stuck on and we'll consider building it next.