HTML Color Picker
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.
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%).
HEX: #FF0000
RGB: rgb(255, 0, 0)
HSL: hsl(0, 100%, 50%)
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%) |
Leave a Comment