Open In App

HTML Color Picker

Last Updated : 03 Apr, 2024
Comments
Improve
Suggest changes
Like Article
Like
Report

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

  1. 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)
  2. 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.
  3. 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) hsl(0, 100%, 27.3%)
Red #FF0000 rgb(255, 0, 0) hsl(0, 100%, 50%)
Light Red #FFC0CB rgb(255, 192, 203) hsl(350, 100%, 88.2%)
Crimson #DC143C rgb(220, 20, 60) hsl(348.5, 83.3%, 47.1%)
Tomato #FF6347 rgb(255, 99, 71) hsl(9.1, 100%, 64.7%)
Indian Red #CD5C5C rgb(205, 92, 92) hsl(0, 53.3%, 58.8%)

2. Shades of HTML Green Color:

Color Name HEX Code RGB Values HSL Values
Dark Green #006400 rgb(0, 100, 0) hsl(120, 100%, 20%)
Green #008000 rgb(0, 128, 0) hsl(120, 100%, 25%)
Lime Green #32CD32 rgb(50, 205, 50) hsl(120, 61.2%, 50%)
Sea Green #2E8B57 rgb(46, 139, 87) hsl(146.5, 50.7%, 36.3%)
Olive #808000 rgb(128, 128, 0) hsl(60, 100%, 25.1%)
Chartreuse #7FFF00 rgb(127, 255, 0) hsl(90, 100%, 50%)

3. Shades of HTML Blue Color:

Color Name HEX Code RGB Values HSL Values
Dark Blue #00008B rgb(0, 0, 139) hsl(240, 100%, 27.3%)
Blue #0000FF rgb(0, 0, 255) hsl(240, 100%, 50%)
Sky Blue #87CEEB rgb(135, 206, 235) hsl(197.8, 71.4%, 71.6%)
Dodger Blue #1E90FF rgb(30, 144, 255) hsl(210.2, 100%, 55.1%)
Royal Blue #4169E1 rgb(65, 105, 225) hsl(225, 72.7%, 56.9%)
Navy Blue #000080 rgb(0, 0, 128) hsl(240, 100%, 25.1%)

4. Shades of HTML Cyan Color:

Color Name HEX Code RGB Values HSL Values
Dark Cyan #008B8B rgb(0, 139, 139) hsl(180, 100%, 27.3%)
Cyan #00FFFF rgb(0, 255, 255) hsl(180, 100%, 50%)
Aqua #00FFFF rgb(0, 255, 255) hsl(180, 100%, 50%)
Turquoise #40E0D0 rgb(64, 224, 208) hsl(174.7, 72.7%, 55.1%)
Light Cyan #E0FFFF rgb(224, 255, 255) hsl(180, 100%, 93.9%)
Teal #008080 rgb(0, 128, 128) hsl(180, 100%, 25.1%)

5. Shades of HTML Magenta Color:

Color Name HEX Code RGB Values HSL Values
Dark Magenta #8B008B rgb(139, 0, 139) hsl(300, 100%, 27.3%)
Magenta #FF00FF rgb(255, 0, 255) hsl(300, 100%, 50%)
Fuchsia #FF00FF rgb(255, 0, 255) hsl(300, 100%, 50%)
Orchid #DA70D6 rgb(218, 112, 214) hsl(302.2, 59.6%, 64.9%)
Hot Pink #FF69B4 rgb(255, 105, 180) hsl(330.4, 100%, 70.6%)
Plum #DDA0DD rgb(221, 160, 221) hsl(300, 47.1%, 75.9%)

6. Shades of HTML Pink Color:

Color Name HEX Code RGB Code HSL Code
Pink #FFC0CB rgb(255, 192, 203) hsl(350, 100%, 88%)
LightPink #FFB6C1 rgb(255, 182, 193) hsl(351, 100%, 86%)
HotPink #FF69B4 rgb(255, 105, 180) hsl(330, 100%, 71%)
DeepPink #FF1493 rgb(255, 20, 147) hsl(328, 100%, 54%)
MediumVioletRed #C71585 rgb(199, 21, 133) hsl(322, 81%, 43%)
PaleVioletRed #DB7093 rgb(219, 112, 147) hsl(340, 60%, 65%)

7. Shades of HTML Orange Color:

Color Name HEX Code RGB Code HSL Code
LightSalmon #FFA07A rgb(255, 160, 122) hsl(17, 100%, 74%)
Coral #FF7F50 rgb(255, 127, 80) hsl(16, 100%, 66%)
Tomato #FF6347 rgb(255, 99, 71) hsl(9, 100%, 64%)
OrangeRed #FF4500 rgb(255, 69, 0) hsl(16, 100%, 50%)
DarkOrange #FF8C00 rgb(255, 140, 0) hsl(33, 100%, 50%)
Orange #FFA500 rgb(255, 165, 0) hsl(39, 100%, 50%)

8. Shades of HTML Yellow Color:

Color Name HEX Code RGB Code HSL Code
Gold #FFD700 rgb(255, 215, 0) hsl(51, 100%, 50%)
Yellow #FFFF00 rgb(255, 255, 0) hsl(60, 100%, 50%)
LightYellow #FFFFE0 rgb(255, 255, 224) hsl(60, 100%, 94%)
LemonChiffon #FFFACD rgb(255, 250, 205) hsl(54, 100%, 90%)


Next Article
Image Color Picker - Color Code from Image (HEXA & RGB)
author
kartik
Improve
Article Tags :

Similar Reads

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy
Lightbox