HTML COLORS
Get your Html Color codes with our color picker, HEX code, RGB, RGBA, HSL and HSLA values, including HSV, HWB and CMYK. Go pick!





Choose your colors, Learn and Create!


Color Picker

Ran out of imagination? Explore our color picker and choose the perfect color for your project. RGB, HEX, HSL, CMYK, we've got you covered. Our color picker is smart enough to understand all color codes.


Color Picker Google Color Picker Html Color Picker
#ffebee
#ffcdd2
#ef9a9a
#e57373
#ef5350
#f44336
#e53935
#d32f2f
#c62828
#b71c1c
#ff8a80
#ff5252
#ff1744
#d50000
#fce4ec
#f8bbd0
#f48fb1
#f06292
#ec407a
#e91e63
#d81b60
#c2185b
#ad1457
#880e4f
#ff80ab
#ff4081
#f50057
#c51162
#f3e5f5
#e1bee7
#ce93d8
#ba68c8
#ab47bc
#9c27b0
#8e24aa
#7b1fa2
#6a1b9a
#4a148c
#ea80fc
#e040fb
#d500f9
#aa00ff
#ede7f6
#d1c4e9
#b39ddb
#9575cd
#7e57c2
#673ab7
#5e35b1
#512da8
#4527a0
#311b92
#b388ff
#7c4dff
#651fff
#6200ea
#e8eaf6
#c5cae9
#9fa8da
#7986cb
#5c6bc0
#3f51b5
#3949ab
#303f9f
#283593
#1a237e
#8c9eff
#536dfe
#3d5afe
#304ffe
#e3f2fd
#bbdefb
#90caf9
#64b5f6
#42a5f5
#2196f3
#1e88e5
#1976d2
#1565c0
#0d47a1
#82b1ff
#448aff
#2979ff
#2962ff
#e1f5fe
#b3e5fc
#81d4fa
#4fc3f7
#29b6f6
#03a9f4
#039be5
#0288d1
#0277bd
#01579b
#80d8ff
#40c4ff
#00b0ff
#0091ea
#e0f7fa
#b2ebf2
#80deea
#4dd0e1
#26c6da
#00bcd4
#00acc1
#0097a7
#00838f
#006064
#84ffff
#18ffff
#00e5ff
#00b8d4
#e0f2f1
#b2dfdb
#80cbc4
#4db6ac
#26a69a
#009688
#00897b
#00796b
#00695c
#004d40
#a7ffeb
#64ffda
#1de9b6
#00bfa5
#e8f5e9
#c8e6c9
#a5d6a7
#81c784
#66bb6a
#4caf50
#43a047
#388e3c
#2e7d32
#1b5e20
#b9f6ca
#69f0ae
#00e676
#00c853
#f1f8e9
#dcedc8
#c5e1a5
#aed581
#9ccc65
#8bc34a
#7cb342
#689f38
#558b2f
#33691e
#ccff90
#b2ff59
#76ff03
#64dd17
#f9fbe7
#f0f4c3
#e6ee9c
#dce775
#d4e157
#cddc39
#c0ca33
#afb42b
#9e9d24
#827717
#f4ff81
#eeff41
#c6ff00
#aeea00
#fffde7
#fff9c4
#fff59d
#fff176
#ffee58
#ffeb3b
#fdd835
#fbc02d
#f9a825
#f57f17
#ffff8d
#ffff00
#ffea00
#ffd600
#fff8e1
#ffecb3
#ffe082
#ffd54f
#ffca28
#ffc107
#ffb300
#ffa000
#ff8f00
#ff6f00
#ffe57f
#ffd740
#ffc400
#ffab00
#fff3e0
#ffe0b2
#ffcc80
#ffb74d
#ffa726
#ff9800
#fb8c00
#f57c00
#ef6c00
#e65100
#ffd180
#ffab40
#ff9100
#ff6d00
#fbe9e7
#ffccbc
#ffab91
#ff8a65
#ff7043
#ff5722
#f4511e
#e64a19
#d84315
#bf360c
#ff9e80
#ff6e40
#ff3d00
#dd2c00
#efebe9
#d7ccc8
#bcaaa4
#a1887f
#8d6e63
#795548
#6d4c41
#5d4037
#4e342e
#3e2723
#757575
#616161
#424242
#212121
#f5f5f5
#e0e0e0
#bdbdbd
#9e9e9e
#eceff1
#cfd8dc
#b0bec5
#90a4ae
#78909c
#607d8b
#546e7a
#455a64
#37474f
#263238
HEX
{{ hex }}
RGB
{{ rgbval }}
HSL
{{ hsl }}


Color Chart

We got hundreds of color combinations! Check out our color chart page to get inspired. Explore flat design colors, Google Material design, fluent colors, metro design scheme, all with HEX and RGB color codes.


Color Chart Flat Colors Material Design Colors
Recommended Colors

Its getting difficult to find the perfect color? Well, you can try one of these or go to our Color generators until you find the perfect one or use more of our tools. Good Luck!


Color Generator Random Color
CodeColor
#151B8D Denim Dark Blue
#0000A0 Earth Blue
#0020C2 Cobalt Blue
#0041C2 Blueberry Blue
#2554C7 Sapphire Blue
#1569C7Blue Eyes
Color Names

Dont remember all color names? Well, you can take a look at our Color Names Section and end up your doubts. We have all the color groups and names. Enjoy!


Color Names Section

Gradients for Designers and Artists

Gradient Hunt is a free and open platform for color inspiration with thousands of trendy hand-made color gradients

Go To Gradient Hunt
Learn
How to add background color

And a little description.
and so one

Learn
How to create a gradient color

And a little description.
and so one

Learn
How to add color to text

And a little description.
and so one

Learn
How to add border color

And a little description.
and so one


HTML & CSS Color Tutorials

Dont know or dont remember something about coding colors? Well, we offer you the best HTML & CSS Color Tutorials with the most ask questions to the weirdest ones. Time to learn!


Learn To Code


Color Palettes

We have created a wonderful section to share your color palettes and we also did an awesome color palette creator for you to create the most epic palettes ever. Show us your talent!


Color Palettes Create Palettes

Make Your Gradient

Dont know how to create gradients? No problem, with our gradients and gradients generator you would realize how easy and beautiful is to create gradients. Take a look!


Gradients Create Gradients

What are the 8 HTML Color Values?



Now we are talking about the 8 HTML color values (HEX, RGB, RGBA, HSL, HSLA, HSV, HWB, CMYK).

The HEX Color Value is represented in hexadecimal, so the range goes from 00 to FF for each of them. The code is expressed as follows: #RRGGBB, each of the 2-digit values ​​being the range of each of the 3 colors, with which we choose the final value that represents each color.

The RGB Color Value, Red - Green - Blue, is based on mixing these 3 colors to get the full range. Each of the colors takes a value between 0 and 255, a total of 256, with which a total of 256 x 256 x 256 is achieved = 16,777,216 different colors. Mixing these three colors would give you a rgb color code represented like this RGB(23,34,255).

The RGBA Color Value, Red - Green - Blue - Alpha that add a new factor, the alpha channel, that is, the opacity or transparency that follows the same percentage scheme: 0% represents absolute transparency and 100% represents absolute opacity which is the way we traditionally see colors.

The HSL Color Value, This model includes two additional parameters to the hue or chroma to obtain the color, which are saturation or brightness or tone. Hence its acronym: HSL (H - hue or hue, S - saturation or saturation, L - luminosity or luminosity / tone).

The HSLA Color Value, (H - hue or hue, S - saturation or saturation, L - luminosity or luminosity / tone - A - ALPHA), is a system is not a system that has been commonly used in web design, but it is used in other areas such as photographic editing or design (in general).

The HSV Color Value includes two additional parameters to the hue or chroma to obtain the color, which are saturation and value. Hence its acronym: HSV (H - hue or hue, S - saturation or saturation, V - value or value).

The HWB Color Value, (Hue-Whiteness-Blackness), is very similar to the HSV (Hue, Saturation, Value) and HSL (Hue, Saturation, Lightness), except that neither HSV nor HSL provides saturation for whiteness.

The CMYK Color Value is a subtractive model and is used in printing from pigments of three basic colors: C - cyan, M - magenta and Y - yellow. The K comes from the black, since the combination of the three previous ones produces a black little pure.




FOR MORE INFORMATION VISIT THE LINKS THAT ARE IN THE TEXT OR VISIT OUR COLOR THEORY.


Color Theory
Color Name Color Code Color Name Color Code
Red #FF0000 White #FFFFFF
Cyan #00FFFF Silver #C0C0C0
Blue #0000FF Gray #808080
DarkBlue #0000A0 Black #000000
LightBlue #ADD8E6 Orange #FFA500
Purple #800080 Brown #A52A2A
Yellow #FFFF00 Maroon #800000
Lime #00FF00 Green #008000
Magenta #FF00FF Olive #808000

Common Colors

What better way to help you find your perfect color than giving you the common colors of this time . Take a look and good luck!


Common Colors



SHARE WITH YOUR FRIENDS!