Color Picker


CSS Color

About Color Picker

What is a color picker?

For creative people, designers, artists, and even copywriters who are looking to create graphics that really stand out from the pack, or professionals looking to craft marketing materials that truly catch the eye, finding the perfect color scheme is a subtle but effective way to make your work stand out An online color picker helps you find the right color for your website.

With the Entiretools.com Color Picker tool, you can play around with endless combinations of gradients, tones, and colors to select the perfect color for your needs. Using the online Color Picker, create high-quality images and graphics in minutes. With these professional tools, you'll create vibrant, high-quality images and graphics you can use anywhere.

What are HEX, RGB, HSL, and CMYK?

Color theory is made up of a number of different elements that go into creating specific colors for graphic design. Here are the most important things to know.

HEX

The hex color code is the value that tells a display how much of a certain color to show. This can be important for some applications and not others. In the color spectrum, the values go from 0 to 255. For example, if red, green, and blue are all at the minimum 0 (represented as “00” in the code), the color expressed is the color black You can adjust the color intensity and the hue of this hex color using a HEX color picker.


HSL

HSL refers to hue, saturation, and lightness. Hue refers to a degree on the color wheel from 0 to 360, where 0 is red, 120 is green, and 240 The saturation is a percentage value. 0% means a shade of gray, and 100% is the full color.

Lightness is also a percentage value, where 0% represents black and 100% is white. A Color Picker gives you the ability to adjust these values so you can create a custom blend of a specific color.

RGB

The RGB color system is a fairly well-known system, but for some reason, it's never really been widely adopted in the United States. RGB is an additive color system, so it uses light of three different wavelengths or frequencies to create all colors in an image or a display.

An RGB color picker lets you specify the value of each of the three primary colors to create a custom blend.

RGB color table

Basic colors:

Color           HTML / CSS Name       Hex Code

#RRGGBB

     Decimal Code

(R,G,B)

  Black #000000 (0,0,0)
  White #FFFFFF (255,255,255)
  Red #FF0000 (255,0,0)
  Lime #00FF00 (0,255,0)
  Blue #0000FF (0,0,255)
  Yellow #FFFF00 (255,255,0)
  Cyan / Aqua #00FFFF (0,255,255)
  Magenta / Fuchsia #FF00FF (255,0,255)
  Silver #C0C0C0 (192,192,192)
  Gray #808080 (128,128,128)
  Maroon #800000 (128,0,0)
  Olive #808000 (128,128,0)
  Green #008000 (0,128,0)
  Purple #800080 (128,0,128)
  Teal #008080 (0,128,128)
  Navy #000080 (0,0,128)

 

Color  Color Name Hex Code

#RRGGBB

Decimal Code

R,G,B

  maroon #800000 (128,0,0)
  dark red #8B0000 (139,0,0)
  brown #A52A2A (165,42,42)
  firebrick #B22222 (178,34,34)
  crimson #DC143C (220,20,60)
  red #FF0000 (255,0,0)
  tomato #FF6347 (255,99,71)
  coral #FF7F50 (255,127,80)
  indian red #CD5C5C (205,92,92)
  light coral #F08080 (240,128,128)
  dark salmon #E9967A (233,150,122)
  salmon #FA8072 (250,128,114)
  light salmon #FFA07A (255,160,122)
  orange red #FF4500 (255,69,0)
  dark orange #FF8C00 (255,140,0)
  orange #FFA500 (255,165,0)
  gold #FFD700 (255,215,0)
  dark golden rod #B8860B (184,134,11)
  golden rod #DAA520 (218,165,32)
  pale golden rod #EEE8AA (238,232,170)
  dark khaki #BDB76B (189,183,107)
  khaki #F0E68C (240,230,140)
  olive #808000 (128,128,0)
  yellow #FFFF00 (255,255,0)
  yellow green #9ACD32 (154,205,50)
  dark olive green #556B2F (85,107,47)
  olive drab #6B8E23 (107,142,35)
  lawn green #7CFC00 (124,252,0)
  chartreuse #7FFF00 (127,255,0)
  green yellow #ADFF2F (173,255,47)
  dark green #006400 (0,100,0)
  green #008000 (0,128,0)
  forest green #228B22 (34,139,34)
  lime #00FF00 (0,255,0)
  lime green #32CD32 (50,205,50)
  light green #90EE90 (144,238,144)
  pale green #98FB98 (152,251,152)
  dark sea green #8FBC8F (143,188,143)
  medium spring green #00FA9A (0,250,154)
  spring green #00FF7F (0,255,127)
  sea green #2E8B57 (46,139,87)
  medium aqua marine #66CDAA (102,205,170)
  medium sea green #3CB371 (60,179,113)
  light sea green #20B2AA (32,178,170)
  dark slate gray #2F4F4F (47,79,79)
  teal #008080 (0,128,128)
  dark cyan #008B8B (0,139,139)
  aqua #00FFFF (0,255,255)
  cyan #00FFFF (0,255,255)
  light cyan #E0FFFF (224,255,255)
  dark turquoise #00CED1 (0,206,209)
  turquoise #40E0D0 (64,224,208)
  medium turquoise #48D1CC (72,209,204)
  pale turquoise #AFEEEE (175,238,238)
  aqua marine #7FFFD4 (127,255,212)
  powder blue #B0E0E6 (176,224,230)
  cadet blue #5F9EA0 (95,158,160)
  steel blue #4682B4 (70,130,180)
  corn flower blue #6495ED (100,149,237)
  deep sky blue #00BFFF (0,191,255)
  dodger blue #1E90FF (30,144,255)
  light blue #ADD8E6 (173,216,230)
  sky blue #87CEEB (135,206,235)
  light sky blue #87CEFA (135,206,250)
  midnight blue #191970 (25,25,112)
  navy #000080 (0,0,128)
  dark blue #00008B (0,0,139)
  medium blue #0000CD (0,0,205)
  blue #0000FF (0,0,255)
  royal blue #4169E1 (65,105,225)
  blue violet #8A2BE2 (138,43,226)
  indigo #4B0082 (75,0,130)
  dark slate blue #483D8B (72,61,139)
  slate blue #6A5ACD (106,90,205)
  medium slate blue #7B68EE (123,104,238)
  medium purple #9370DB (147,112,219)
  dark magenta #8B008B (139,0,139)
  dark violet #9400D3 (148,0,211)
  dark orchid #9932CC (153,50,204)
  medium orchid #BA55D3 (186,85,211)
  purple #800080 (128,0,128)
  thistle #D8BFD8 (216,191,216)
  plum #DDA0DD (221,160,221)
  violet #EE82EE (238,130,238)
  magenta / fuchsia #FF00FF (255,0,255)
  orchid #DA70D6 (218,112,214)
  medium violet red #C71585 (199,21,133)
  pale violet red #DB7093 (219,112,147)
  deep pink #FF1493 (255,20,147)
  hot pink #FF69B4 (255,105,180)
  light pink #FFB6C1 (255,182,193)
  pink #FFC0CB (255,192,203)
  antique white #FAEBD7 (250,235,215)
  beige #F5F5DC (245,245,220)
  bisque #FFE4C4 (255,228,196)
  blanched almond #FFEBCD (255,235,205)
  wheat #F5DEB3 (245,222,179)
  corn silk #FFF8DC (255,248,220)
  lemon chiffon #FFFACD (255,250,205)
  light golden rod yellow #FAFAD2 (250,250,210)
  light yellow #FFFFE0 (255,255,224)
  saddle brown #8B4513 (139,69,19)
  sienna #A0522D (160,82,45)
  chocolate #D2691E (210,105,30)
  peru #CD853F (205,133,63)
  sandy brown #F4A460 (244,164,96)
  burly wood #DEB887 (222,184,135)
  tan #D2B48C (210,180,140)
  rosy brown #BC8F8F (188,143,143)
  moccasin #FFE4B5 (255,228,181)
  navajo white #FFDEAD (255,222,173)
  peach puff #FFDAB9 (255,218,185)
  misty rose #FFE4E1 (255,228,225)
  lavender blush #FFF0F5 (255,240,245)
  linen #FAF0E6 (250,240,230)
  old lace #FDF5E6 (253,245,230)
  papaya whip #FFEFD5 (255,239,213)
  sea shell #FFF5EE (255,245,238)
  mint cream #F5FFFA (245,255,250)
  slate gray #708090 (112,128,144)
  light slate gray #778899 (119,136,153)
  light steel blue #B0C4DE (176,196,222)
  lavender #E6E6FA (230,230,250)
  floral white #FFFAF0 (255,250,240)
  alice blue #F0F8FF (240,248,255)
  ghost white #F8F8FF (248,248,255)
  honeydew #F0FFF0 (240,255,240)
  ivory #FFFFF0 (255,255,240)
  azure #F0FFFF (240,255,255)
  snow #FFFAFA (255,250,250)
  black #000000 (0,0,0)
  dim gray / dim grey #696969 (105,105,105)
  gray / grey #808080 (128,128,128)
  dark gray / dark grey #A9A9A9 (169,169,169)
  silver #C0C0C0 (192,192,192)
  light gray / light grey #D3D3D3 (211,211,211)
  gainsboro #DCDCDC (220,220,220)
  white smoke #F5F5F5 (245,245,245)
  white #FFFFFF (255,255,255)

 



CONTACT US

[email protected]

ADDRESS

45635 Pueblo Rd, Indian Wells, California 92210, USA

You may like
our most popular tools & apps