About this color converter
This tool converts a color between the three formats used most often on the web — HEX (like #4F3CC9), RGB (red/green/blue values from 0–255), and HSL (hue/saturation/lightness). Edit any field, drag the picker, or click one of the generated shades, and every other format updates immediately.
When to use HEX vs RGB vs HSL
- HEX — the most common format in CSS and design tools; compact and easy to paste.
- RGB — useful when you're mixing colors from red, green, and blue light values directly.
- HSL — easiest for tweaking a color's brightness or vibrancy without changing its hue.
Frequently asked questions
What is a HEX color code?
A HEX color code is a six-digit code (like #4F3CC9) representing the red, green, and blue amounts in a color, written in base-16 (hexadecimal).
What's the difference between RGB and HSL?
RGB describes a color by its red, green, and blue light amounts. HSL describes the same color by hue, saturation, and lightness, which is often more intuitive for adjusting a color's brightness or vibrancy.
Does this tool store the colors I convert?
No. All conversion happens locally in your browser using JavaScript — nothing is sent to a server.