Color Input
HEX Color
RGB Color
HSL Color
0°
180°
360°
0%
50%
100%
0%
50%
100%
#FF6B6B
#4ECDC4
#FFE66D
#6A0572
#1A535C
#FF9F1C
Color Preview
White Text
Black Text
Output Formats
Color Information
About Color Formats
- HEX (Hexadecimal): A 6-digit code prefixed with # that represents red, green, and blue components (e.g., #FF6B6B).
- RGB (Red Green Blue): Defines colors by their red, green, and blue components, each ranging from 0 to 255 (e.g., rgb(255, 107, 107)).
- HSL (Hue Saturation Lightness): Defines colors by hue (0-360°), saturation (0-100%), and lightness (0-100%) (e.g., hsl(0, 100%, 71%)).
- Hue represents the color type (red, blue, green, etc.) on a color wheel from 0° to 360°.
- Saturation represents the intensity of the color (0% = gray, 100% = full color).
- Lightness represents how light or dark the color is (0% = black, 100% = white, 50% = normal).
- This tool works entirely in your browser - your data never leaves your computer.