With this tool, you can easily choose colors from the popular color collection, using an intuitive interface in HEX, HSL, and RGB formats. (bookmark for quick reuse)
hue tolerance: 5
Popular Color Code Selector is a free online color code selector tool for web developers, where you can easily sort popular and named colors by a color slider.
It is recommended to bookmark it on your web browser to revisit it quickly when needed for better productivity.
Please share these tools with your friends and colleagues. Also, it will be great if you can recommend these tools in your blogs if you have one. Thank You :-)
Follow these simple steps to get the best results with this tool.
Step 1 - Slide the top color slider and take it over the color you desire. Doing this will show you some color options below that are popular and named.
Step 2 - Click on the color you want, and it will open up color codes with an animation that you can directly select and copy.
Now, save this tool or bookmark it on your web browser to revisit it quickly when needed. Thank you!
| Name | RGB | HSL | Hex | Alternative Name |
|---|---|---|---|---|
| aliceblue | rgb(240,248,255) | hsl(208,100%,97.1%) | #F0F8FF | |
| antiquewhite | rgb(250,235,215) | hsl(34,77.8%,91.2%) | #FAEBD7 | |
| aqua | rgb(0,255,255) | hsl(180,100%,50%) | #00FFFF | |
| aquamarine | rgb(127,255,212) | hsl(160,100%,74.9%) | #7FFFD4 | |
| azure | rgb(240,255,255) | hsl(180,100%,97.1%) | #F0FFFF | |
| beige | rgb(245,245,220) | hsl(60,55.6%,91.2%) | #F5F5DC | |
| bisque | rgb(255,228,196) | hsl(33,100%,88.4%) | #FFE4C4 | |
| black | rgb(0,0,0) | hsl(0,0%,0%) | #000000 | |
| blanchedalmond | rgb(255,235,205) | hsl(36,100%,90.2%) | #FFEBCD | |
| blue | rgb(0,0,255) | hsl(240,100%,50%) | #0000FF | |
| blueviolet | rgb(138,43,226) | hsl(271,75.9%,52.7%) | #8A2BE2 | |
| brown | rgb(165,42,42) | hsl(0,59.4%,40.6%) | #A52A2A | |
| burlywood | rgb(222,184,135) | hsl(34,56.9%,70%) | #DEB887 | |
| cadetblue | rgb(95,158,160) | hsl(182,25.5%,50%) | #5F9EA0 | |
| chartreuse | rgb(127,255,0) | hsl(90,100%,50%) | #7FFF00 | |
| chocolate | rgb(210,105,30) | hsl(25,75%,47.1%) | #D2691E | |
| coral | rgb(255,127,80) | hsl(16,100%,65.7%) | #FF7F50 | |
| cornflowerblue | rgb(100,149,237) | hsl(219,79.2%,66.1%) | #6495ED | |
| cornsilk | rgb(255,248,220) | hsl(48,100%,93.1%) | #FFF8DC | |
| crimson | rgb(220,20,60) | hsl(348,83.3%,47.1%) | #DC143C | |
| cyan | rgb(0,255,255) | hsl(180,100%,50%) | #00FFFF | aqua |
| darkblue | rgb(0,0,139) | hsl(240,100%,27.3%) | #00008B | |
| darkcyan | rgb(0,139,139) | hsl(180,100%,27.3%) | #008B8B | |
| darkgoldenrod | rgb(184,134,11) | hsl(43,88.7%,38.2%) | #B8860B | |
| darkgray | rgb(169,169,169) | hsl(0,0%,66.3%) | #A9A9A9 | darkgrey |
| darkgreen | rgb(0,100,0) | hsl(120,100%,19.6%) | #006400 | |
| darkgrey | rgb(169,169,169) | hsl(0,0%,66.3%) | #A9A9A9 | |
| darkkhaki | rgb(189,183,107) | hsl(56,38.3%,58%) | #BDB76B | |
| darkmagenta | rgb(139,0,139) | hsl(300,100%,27.3%) | #8B008B | |
| darkolivegreen | rgb(85,107,47) | hsl(82,39%,30.2%) | #556B2F | |
| darkorange | rgb(255,140,0) | hsl(33,100%,50%) | #FF8C00 | |
| darkorchid | rgb(153,50,204) | hsl(280,60.6%,49.8%) | #9932CC | |
| darkred | rgb(139,0,0) | hsl(0,100%,27.3%) | #8B0000 | |
| darksalmon | rgb(233,150,122) | hsl(15,71.6%,69.6%) | #E9967A | |
| darkseagreen | rgb(143,188,143) | hsl(120,25.1%,64.9%) | #8FBC8F | |
| darkslateblue | rgb(72,61,139) | hsl(248,39%,39.2%) | #483D8B | |
| darkslategray | rgb(47,79,79) | hsl(180,25.4%,24.7%) | #2F4F4F | darkslategrey |
| darkslategrey | rgb(47,79,79) | hsl(180,25.4%,24.7%) | #2F4F4F | |
| darkturquoise | rgb(0,206,209) | hsl(181,100%,41%) | #00CED1 | |
| darkviolet | rgb(148,0,211) | hsl(282,100%,41.4%) | #9400D3 | |
| deeppink | rgb(255,20,147) | hsl(328,100%,53.9%) | #FF1493 | |
| deepskyblue | rgb(0,191,255) | hsl(195,100%,50%) | #00BFFF | |
| dimgray | rgb(105,105,105) | hsl(0,0%,41.2%) | #696969 | dimgrey |
| dimgrey | rgb(105,105,105) | hsl(0,0%,41.2%) | #696969 | |
| dodgerblue | rgb(30,144,255) | hsl(210,100%,55.9%) | #1E90FF | |
| firebrick | rgb(178,34,34) | hsl(0,67.9%,41.6%) | #B22222 | |
| floralwhite | rgb(255,250,240) | hsl(40,100%,97.1%) | #FFFAF0 | |
| forestgreen | rgb(34,139,34) | hsl(120,60.7%,33.9%) | #228B22 | |
| fuchsia | rgb(255,0,255) | hsl(300,100%,50%) | #FF00FF | |
| gainsboro | rgb(220,220,220) | hsl(0,0%,86.3%) | #DCDCDC | |
| ghostwhite | rgb(248,248,255) | hsl(240,100%,98.6%) | #F8F8FF | |
| gold | rgb(255,215,0) | hsl(51,100%,50%) | #FFD700 | |
| goldenrod | rgb(218,165,32) | hsl(43,74.4%,49%) | #DAA520 | |
| gray | rgb(128,128,128) | hsl(0,0%,50.2%) | #808080 | grey |
| green | rgb(0,128,0) | hsl(120,100%,25.1%) | #008000 | |
| greenyellow | rgb(173,255,47) | hsl(84,100%,59.2%) | #ADFF2F | |
| grey | rgb(128,128,128) | hsl(0,0%,50.2%) | #808080 | |
| honeydew | rgb(240,255,240) | hsl(120,100%,97.1%) | #F0FFF0 | |
| hotpink | rgb(255,105,180) | hsl(330,100%,70.6%) | #FF69B4 | |
| indianred | rgb(205,92,92) | hsl(0,53.1%,58.2%) | #CD5C5C | |
| indigo | rgb(75,0,130) | hsl(275,100%,25.5%) | #4B0082 | |
| ivory | rgb(255,255,240) | hsl(60,100%,97.1%) | #FFFFF0 | |
| khaki | rgb(240,230,140) | hsl(54,76.9%,74.5%) | #F0E68C | |
| lavender | rgb(230,230,250) | hsl(240,66.7%,94.1%) | #E6E6FA | |
| lavenderblush | rgb(255,240,245) | hsl(340,100%,97.1%) | #FFF0F5 | |
| lawngreen | rgb(124,252,0) | hsl(90,100%,49.4%) | #7CFC00 | |
| lemonchiffon | rgb(255,250,205) | hsl(54,100%,90.2%) | #FFFACD | |
| lightblue | rgb(173,216,230) | hsl(195,53.3%,79%) | #ADD8E6 | |
| lightcoral | rgb(240,128,128) | hsl(0,78.9%,72.2%) | #F08080 | |
| lightcyan | rgb(224,255,255) | hsl(180,100%,93.9%) | #E0FFFF | |
| lightgoldenrodyellow | rgb(250,250,210) | hsl(60,80%,90.2%) | #FAFAD2 | |
| lightgray | rgb(211,211,211) | hsl(0,0%,82.7%) | #D3D3D3 | lightgrey |
| lightgreen | rgb(144,238,144) | hsl(120,73.4%,74.9%) | #90EE90 | |
| lightgrey | rgb(211,211,211) | hsl(0,0%,82.7%) | #D3D3D3 | |
| lightpink | rgb(255,182,193) | hsl(351,100%,85.7%) | #FFB6C1 | |
| lightsalmon | rgb(255,160,122) | hsl(17,100%,73.9%) | #FFA07A | |
| lightseagreen | rgb(32,178,170) | hsl(177,69.5%,41.2%) | #20B2AA | |
| lightskyblue | rgb(135,206,250) | hsl(203,92%,75.5%) | #87CEFA | |
| lightslategray | rgb(119,136,153) | hsl(210,14.3%,53.3%) | #778899 | lightslategrey |
| lightslategrey | rgb(119,136,153) | hsl(210,14.3%,53.3%) | #778899 | |
| lightsteelblue | rgb(176,196,222) | hsl(214,41.1%,78%) | #B0C4DE | |
| lightyellow | rgb(255,255,224) | hsl(60,100%,93.9%) | #FFFFE0 | |
| lime | rgb(0,255,0) | hsl(120,100%,50%) | #00FF00 | |
| limegreen | rgb(50,205,50) | hsl(120,60.8%,50%) | #32CD32 | |
| linen | rgb(250,240,230) | hsl(30,66.7%,94.1%) | #FAF0E6 | |
| magenta | rgb(255,0,255) | hsl(300,100%,50%) | #FF00FF | fuchsia |
| maroon | rgb(128,0,0) | hsl(0,100%,25.1%) | #800000 | |
| mediumaquamarine | rgb(102,205,170) | hsl(160,50.7%,60.2%) | #66CDAA | |
| mediumblue | rgb(0,0,205) | hsl(240,100%,40.2%) | #0000CD | |
| mediumorchid | rgb(186,85,211) | hsl(288,58.9%,58%) | #BA55D3 | |
| mediumpurple | rgb(147,112,219) | hsl(260,59.8%,64.9%) | #9370DB | |
| mediumseagreen | rgb(60,179,113) | hsl(147,49.8%,46.9%) | #3CB371 | |
| mediumslateblue | rgb(123,104,238) | hsl(249,79.8%,67.1%) | #7B68EE | |
| mediumspringgreen | rgb(0,250,154) | hsl(157,100%,49%) | #00FA9A | |
| mediumturquoise | rgb(72,209,204) | hsl(178,59.8%,55.1%) | #48D1CC | |
| mediumvioletred | rgb(199,21,133) | hsl(322,80.9%,43.1%) | #C71585 | |
| midnightblue | rgb(25,25,112) | hsl(240,63.5%,26.9%) | #191970 | |
| mintcream | rgb(245,255,250) | hsl(150,100%,98%) | #F5FFFA | |
| mistyrose | rgb(255,228,225) | hsl(6,100%,94.1%) | #FFE4E1 | |
| moccasin | rgb(255,228,181) | hsl(38,100%,85.5%) | #FFE4B5 | |
| navajowhite | rgb(255,222,173) | hsl(36,100%,83.9%) | #FFDEAD | |
| navy | rgb(0,0,128) | hsl(240,100%,25.1%) | #000080 | |
| oldlace | rgb(253,245,230) | hsl(39,85.2%,94.7%) | #FDF5E6 | |
| olive | rgb(128,128,0) | hsl(60,100%,25.1%) | #808000 | |
| olivedrab | rgb(107,142,35) | hsl(80,60.5%,34.7%) | #6B8E23 | |
| orange | rgb(255,165,0) | hsl(39,100%,50%) | #FFA500 | |
| orangered | rgb(255,69,0) | hsl(16,100%,50%) | #FF4500 | |
| orchid | rgb(218,112,214) | hsl(302,58.9%,64.7%) | #DA70D6 | |
| palegoldenrod | rgb(238,232,170) | hsl(55,66.7%,80%) | #EEE8AA | |
| palegreen | rgb(152,251,152) | hsl(120,92.5%,79%) | #98FB98 | |
| paleturquoise | rgb(175,238,238) | hsl(180,64.9%,81%) | #AFEEEE | |
| palevioletred | rgb(219,112,147) | hsl(340,59.8%,64.9%) | #DB7093 | |
| papayawhip | rgb(255,239,213) | hsl(37,100%,91.8%) | #FFEFD5 | |
| peachpuff | rgb(255,218,185) | hsl(28,100%,86.3%) | #FFDAB9 | |
| peru | rgb(205,133,63) | hsl(30,58.7%,52.5%) | #CD853F | |
| pink | rgb(255,192,203) | hsl(350,100%,87.6%) | #FFC0CB | |
| plum | rgb(221,160,221) | hsl(300,47.3%,74.7%) | #DDA0DD | |
| powderblue | rgb(176,224,230) | hsl(187,51.9%,79.6%) | #B0E0E6 | |
| purple | rgb(128,0,128) | hsl(300,100%,25.1%) | #800080 | |
| rebeccapurple | rgb(102,51,153) | hsl(270,50%,40%) | #663399 | |
| red | rgb(255,0,0) | hsl(0,100%,50%) | #FF0000 | |
| rosybrown | rgb(188,143,143) | hsl(0,25.1%,64.9%) | #BC8F8F | |
| royalblue | rgb(65,105,225) | hsl(225,72.7%,56.9%) | #4169E1 | |
| saddlebrown | rgb(139,69,19) | hsl(25,75.9%,31%) | #8B4513 | |
| salmon | rgb(250,128,114) | hsl(6,93.2%,71.4%) | #FA8072 | |
| sandybrown | rgb(244,164,96) | hsl(28,87.1%,66.7%) | #F4A460 | |
| seagreen | rgb(46,139,87) | hsl(146,50.3%,36.3%) | #2E8B57 | |
| seashell | rgb(255,245,238) | hsl(25,100%,96.7%) | #FFF5EE | |
| sienna | rgb(160,82,45) | hsl(19,56.1%,40.2%) | #A0522D | |
| silver | rgb(192,192,192) | hsl(0,0%,75.3%) | #C0C0C0 | |
| skyblue | rgb(135,206,235) | hsl(197,71.4%,72.5%) | #87CEEB | |
| slateblue | rgb(106,90,205) | hsl(248,53.5%,57.8%) | #6A5ACD | |
| slategray | rgb(112,128,144) | hsl(210,12.6%,50.2%) | #708090 | slategrey |
| slategrey | rgb(112,128,144) | hsl(210,12.6%,50.2%) | #708090 | |
| snow | rgb(255,250,250) | hsl(0,100%,99%) | #FFFAFA | |
| springgreen | rgb(0,255,127) | hsl(150,100%,50%) | #00FF7F | |
| steelblue | rgb(70,130,180) | hsl(207,44%,49%) | #4682B4 | |
| tan | rgb(210,180,140) | hsl(34,43.8%,68.6%) | #D2B48C | |
| teal | rgb(0,128,128) | hsl(180,100%,25.1%) | #008080 | |
| thistle | rgb(216,191,216) | hsl(300,24.3%,79.8%) | #D8BFD8 | |
| tomato | rgb(255,99,71) | hsl(9,100%,63.9%) | #FF6347 | |
| turquoise | rgb(64,224,208) | hsl(174,72.1%,56.5%) | #40E0D0 | |
| violet | rgb(238,130,238) | hsl(300,76.1%,72.2%) | #EE82EE | |
| wheat | rgb(245,222,179) | hsl(39,76.7%,83.1%) | #F5DEB3 | |
| white | rgb(255,255,255) | hsl(0,0%,100%) | #FFFFFF | |
| whitesmoke | rgb(245,245,245) | hsl(0,0%,96.1%) | #F5F5F5 | |
| yellow | rgb(255,255,0) | hsl(60,100%,50%) | #FFFF00 | |
| yellowgreen | rgb(154,205,50) | hsl(80,60.8%,50%) | #9ACD32 |
webdevpuneet.com © 2021 | hosted by Bluehost (web hosting)