Indigo
Brightness: 50%
🔷 HEX
#6366F1
🔴 RGB
R
G
B
rgb(99, 102, 241)
🟣 RGBA
A
rgba(99, 102, 241, 1)
🌈 HSL
H
S
L
hsl(239, 84%, 67%)
🎯 Complementary & Shades
Color Format Reference
- HEX: Hexadecimal color code (e.g.,
#FF5733) - RGB: Red, Green, Blue values 0-255 (e.g.,
rgb(255, 87, 51)) - RGBA: RGB with Alpha/opacity 0-1 (e.g.,
rgba(255, 87, 51, 0.8)) - HSL: Hue (0-360°), Saturation (0-100%), Lightness (0-100%)
Frequently Asked Questions
HEX and RGB represent the same colors differently. HEX uses hexadecimal (base-16)
notation like #FF5733, while RGB uses decimal values from 0-255 for each color channel. #FF =
255 in decimal.
Use RGBA when you need transparency. The 'A' (alpha) channel ranges from 0 (fully
transparent) to 1 (fully opaque). This is useful for overlays, shadows, and layered designs.
HSL (Hue, Saturation, Lightness) is more intuitive for humans. Hue is the color
wheel position (0-360°), Saturation is color intensity, and Lightness is brightness. It's easier
to create color variations by adjusting lightness.
A complementary color is directly opposite on the color wheel (180° apart in
hue). Our tool automatically calculates and displays the complementary color for any color you
choose.