Welcome to our user-friendly html color picker! Whether you’re a web designer, developer, or just someone who loves playing with colors, our tool is here to make your color selection easier.
Click on any color in the below Hexagon to get the HTML code.
HTML Color Basics
- HEX Color Codes:
- HTML color codes are represented in hexadecimal (HEX) format:
#RRGGBB. - Each of the two-digit values (
RR, GG, and BB) ranges from 00 to FF. - For example:
- Red:
#FF0000 (255 red, 0 green, 0 blue) - Green:
#00FF00 (0 red, 255 green, 0 blue) - Blue:
#0000FF (0 red, 0 green, 255 blue)
- RGB Values:
- RGB stands for red, green, and blue.
- Each color channel has a value from 0 to 255.
- Example:
rgb(143, 58, 132) represents a shade of purple.
- HSL Values:
- HSL (hue, saturation, lightness) provides a more intuitive way to describe colors.
- Hue: The color itself (0 to 360 degrees).
- Saturation: Intensity (0% to 100%).
- Lightness: Brightness (0% to 100%).
HTML colors with HEX, RGB, HSL values
| Color Name | HEX Code | RGB Values | HSL Values |
|---|
| Red | #FF0000 | rgb(255, 0, 0) | hsl(0, 100%, 50%) |
| Green | #00FF00 | rgb(0, 255, 0) | hsl(120, 100%, 50%) |
| Blue | #0000FF | rgb(0, 0, 255) | hsl(240, 100%, 50%) |
| Cyan | #00FFFF | rgb(0, 255, 255) | hsl(180, 100%, 50%) |
| Magenta | #FF00FF | rgb(255, 0, 255) | hsl(300, 100%, 50%) |
| Yellow | #FFFF00 | rgb(255, 255, 0) | hsl(60, 100%, 50%) |
Shades of All HTML Colors
1. Shades of HTML Red Color:
| Color Name | HEX Code | RGB Values | HSL Values |
|---|
| Dark Red | #8B0000 | rgb(139, 0, 0) |
