Color Converter
HEX #6366f1
RGB rgb(99, 102, 241)
HSL hsl(239, 84%, 67%)
Get Your Results Emailed
Enter your email and we'll send you a summary of your calculator calculation. No spam, unsubscribe anytime.
How to Use
Pick a color using the color picker, type a HEX value directly, or adjust the RGB sliders to fine-tune. All color formats update in real time. Click the Copy button next to any format to copy it to your clipboard.
Your recently picked colors appear as swatches below the sliders for easy reuse.
Color Format Reference
HEX: #RRGGBB — 6-digit hexadecimal
RGB: rgb(0–255, 0–255, 0–255)
HSL: hsl(hue–360°, saturation–100%, lightness–100%)
RGB: rgb(0–255, 0–255, 0–255)
HSL: hsl(hue–360°, saturation–100%, lightness–100%)
HEX is widely used in web design. RGB is the standard for screens. HSL makes it intuitive to adjust hue, saturation, and lightness independently — great for creating color palettes.
Frequently Asked Questions
HEX is a 6-digit hexadecimal representation of RGB values (#FF0000 = red). RGB uses decimal values (255, 0, 0). They represent the same color space — just different notations. HEX is more compact for CSS, while RGB is more intuitive for programmatic manipulation.
HSL stands for Hue, Saturation, Lightness. Hue is the color angle (0-360), saturation is the intensity (0-100%), and lightness is the brightness (0-100%). HSL is often easier for creating harmonious color schemes because you can keep hue constant and adjust saturation/lightness for variations.
A hex code is a 6-digit hexadecimal number that represents a color. The format is #RRGGBB where RR is the red value, GG is green, and BB is blue. Each pair ranges from 00 (minimum) to FF (maximum). For example, #FF0000 is pure red, #00FF00 is green, and #0000FF is blue.