HTML Color Codes

Primary colors

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

Красные тона

  • IndianRed
  • #CD5C5C
  • 205, 92, 92
  • LightCoral
  • #F08080
  • 240, 128, 128
  • Salmon
  • #FA8072
  • 250, 128, 114
  • DarkSalmon
  • #E9967A
  • 233, 150, 122
  • LightSalmon
  • #FFA07A
  • 255, 160, 122
  • Crimson
  • #DC143C
  • 220, 20, 60
  • Red
  • #FF0000
  • 255, 0, 0
  • FireBrick
  • #B22222
  • 178, 34, 34
  • DarkRed
  • #8B0000
  • 139, 0, 0

Зеленые тона

  • GreenYellow
  • #ADFF2F
  • 173, 255, 47
  • Chartreuse
  • #7FFF00
  • 127, 255, 0
  • LawnGreen
  • #7CFC00
  • 124, 252, 0
  • Lime
  • #00FF00
  • 0, 255, 0
  • LimeGreen
  • #32CD32
  • 50, 205, 50
  • PaleGreen
  • #98FB98
  • 152, 251, 152
  • LightGreen
  • #90EE90
  • 144, 238, 144
  • MediumSpringGreen
  • #00FA9A
  • 0, 250, 154
  • SpringGreen
  • #00FF7F
  • 0, 255, 127
  • MediumSeaGreen
  • #3CB371
  • 60, 179, 113
  • SeaGreen
  • #2E8B57
  • 46, 139, 87
  • ForestGreen
  • #228B22
  • 34, 139, 34
  • Green
  • #008000
  • 0, 128, 0
  • DarkGreen
  • #006400
  • 0, 100, 0
  • YellowGreen
  • #9ACD32
  • 154, 205, 50
  • OliveDrab
  • #6B8E23
  • 107, 142, 35
  • Olive
  • #808000
  • 128, 128, 0
  • DarkOliveGreen
  • #556B2F
  • 85, 107, 47
  • MediumAquamarine
  • #66CDAA
  • 102, 205, 170
  • DarkSeaGreen
  • #8FBC8F
  • 143, 188, 143
  • LightSeaGreen
  • #20B2AA
  • 32, 178, 170
  • DarkCyan
  • #008B8B
  • 0, 139, 139
  • Teal
  • #008080
  • 0, 128, 128

Розовые тона

  • Pink
  • #FFC0CB
  • 255, 192, 203
  • LightPink
  • #FFB6C1
  • 255, 182, 193
  • HotPink
  • #FF69B4
  • 255, 105, 180
  • DeepPink
  • #FF1493
  • 255, 20, 147
  • MediumVioletRed
  • #C71585
  • 199, 21, 133
  • PaleVioletRed
  • #DB7093
  • 219, 112, 147

Оранжевые тона

  • LightSalmon
  • #FFA07A
  • 255, 160, 122
  • Coral
  • #FF7F50
  • 255, 127, 80
  • Tomato
  • #FF6347
  • 255, 99, 71
  • OrangeRed
  • #FF4500
  • 255, 69, 0
  • DarkOrange
  • #FF8C00
  • 255, 140, 0
  • Orange
  • #FFA500
  • 255, 165, 0

Желтые тона

  • Gold
  • #FFD700
  • 255, 215, 0
  • Yellow
  • #FFFF00
  • 255, 255, 0
  • LightYellow
  • #FFFFE0
  • 255, 255, 224
  • LemonChiffon
  • #FFFACD
  • 255, 250, 205
  • LightGoldenrodYellow
  • #FAFAD2
  • 250, 250, 210
  • PapayaWhip
  • #FFEFD5
  • 255, 239, 213
  • Moccasin
  • #FFE4B5
  • 255, 228, 181
  • PeachPuff
  • #FFDAB9
  • 255, 218, 185
  • PaleGoldenrod
  • #EEE8AA
  • 238, 232, 170
  • Khaki
  • #F0E68C
  • 240, 230, 140
  • DarkKhaki
  • #BDB76B
  • 189, 183, 107

Синие тона

  • Aqua
  • #00FFFF
  • 0, 255, 255
  • Cyan
  • #00FFFF
  • 0, 255, 255
  • LightCyan
  • #E0FFFF
  • 224, 255, 255
  • PaleTurquoise
  • #AFEEEE
  • 175, 238, 238
  • Aquamarine
  • #7FFFD4
  • 127, 255, 212
  • Turquoise
  • #40E0D0
  • 64, 224, 208
  • MediumTurquoise
  • #48D1CC
  • 72, 209, 204
  • DarkTurquoise
  • #00CED1
  • 0, 206, 209
  • CadetBlue
  • #5F9EA0
  • 95, 158, 160
  • SteelBlue
  • #4682B4
  • 70, 130, 180
  • LightSteelBlue
  • #B0C4DE
  • 176, 196, 222
  • PowderBlue
  • #B0E0E6
  • 176, 224, 230
  • LightBlue
  • #ADD8E6
  • 173, 216, 230
  • SkyBlue
  • #87CEEB
  • 135, 206, 235
  • LightSkyBlue
  • #87CEFA
  • 135, 206, 250
  • DeepSkyBlue
  • #00BFFF
  • 0, 191, 255
  • DodgerBlue
  • #1E90FF
  • 30, 144, 255
  • CornflowerBlue
  • #6495ED
  • 100, 149, 237
  • MediumSlateBlue
  • #7B68EE
  • 123, 104, 238
  • RoyalBlue
  • #4169E1
  • 65, 105, 225
  • Blue
  • #0000FF
  • 0, 0, 255
  • MediumBlue
  • #0000CD
  • 0, 0, 205
  • DarkBlue
  • #00008B
  • 0, 0, 139
  • Navy
  • #000080
  • 0, 0, 128
  • MidnightBlue
  • #191970
  • 25, 25, 112

Фиолетовые тона

  • Lavender
  • #E6E6FA
  • 230, 230, 250
  • Thistle
  • #D8BFD8
  • 216, 191, 216
  • Plum
  • #DDA0DD
  • 221, 160, 221
  • Violet
  • #EE82EE
  • 238, 130, 238
  • Orchid
  • #DA70D6
  • 218, 112, 214
  • Fuchsia
  • #FF00FF
  • 255, 0, 255
  • Magenta
  • #FF00FF
  • 255, 0, 255
  • MediumOrchid
  • #BA55D3
  • 186, 85, 211
  • MediumPurple
  • #9370DB
  • 147, 112, 219
  • BlueViolet
  • #8A2BE2
  • 138, 43, 226
  • DarkViolet
  • #9400D3
  • 148, 0, 211
  • DarkOrchid
  • #9932CC
  • 153, 50, 204
  • DarkMagenta
  • #8B008B
  • 139, 0, 139
  • Purple
  • #800080
  • 128, 0, 128
  • Indigo
  • #4B0082
  • 75, 0, 130
  • SlateBlue
  • #6A5ACD
  • 106, 90, 205
  • DarkSlateBlue
  • #483D8B
  • 72, 61, 139

Белые тона

  • White
  • #FFFFFF
  • 255, 255, 255
  • Snow
  • #FFFAFA
  • 255, 250, 250
  • Honeydew
  • #F0FFF0
  • 240, 255, 240
  • MintCream
  • #F5FFFA
  • 245, 255, 250
  • Azure
  • #F0FFFF
  • 240, 255, 255
  • AliceBlue
  • #F0F8FF
  • 240, 248, 255
  • GhostWhite
  • #F8F8FF
  • 248, 248, 255
  • WhiteSmoke
  • #F5F5F5
  • 245, 245, 245
  • Seashell
  • #FFF5EE
  • 255, 245, 238
  • Beige
  • #F5F5DC
  • 245, 245, 220
  • OldLace
  • #FDF5E6
  • 253, 245, 230
  • FloralWhite
  • #FFFAF0
  • 255, 250, 240
  • Ivory
  • #FFFFF0
  • 255, 255, 240
  • AntiqueWhite
  • #FAEBD7
  • 250, 235, 215
  • Linen
  • #FAF0E6
  • 250, 240, 230
  • LavenderBlush
  • #FFF0F5
  • 255, 240, 245
  • MistyRose
  • #FFE4E1
  • 255, 228, 225

Коричневые тона

  • Cornsilk
  • #FFF8DC
  • 255, 248, 220
  • BlanchedAlmond
  • #FFEBCD
  • 255, 235, 205
  • Bisque
  • #FFE4C4
  • 255, 228, 196
  • NavajoWhite
  • #FFDEAD
  • 255, 222, 173
  • Wheat
  • #F5DEB3
  • 245, 222, 179
  • BurlyWood
  • #DEB887
  • 222, 184, 135
  • Tan
  • #D2B48C
  • 210, 180, 140
  • RosyBrown
  • #BC8F8F
  • 188, 143, 143
  • SandyBrown
  • #F4A460
  • 244, 164, 96
  • Goldenrod
  • #DAA520
  • 218, 165, 32
  • DarkGoldenRod
  • #B8860B
  • 184, 134, 11
  • Peru
  • #CD853F
  • 205, 133, 63
  • Chocolate
  • #D2691E
  • 210, 105, 30
  • SaddleBrown
  • #8B4513
  • 139, 69, 19
  • Sienna
  • #A0522D
  • 160, 82, 45
  • Brown
  • #A52A2A
  • 165, 42, 42
  • Maroon
  • #800000
  • 128, 0, 0

Серые тона

  • Gainsboro
  • #DCDCDC
  • 220, 220, 220
  • LightGrey
  • #D3D3D3
  • 211, 211, 211
  • LightGray
  • #D3D3D3
  • 211, 211, 211
  • Silver
  • #C0C0C0
  • 192, 192, 192
  • DarkGray
  • #A9A9A9
  • 169, 169, 169
  • DarkGrey
  • #A9A9A9
  • 169, 169, 169
  • Gray
  • #808080
  • 128, 128, 128
  • Grey
  • #808080
  • 128, 128, 128
  • DimGray
  • #696969
  • 105, 105, 105
  • DimGrey
  • #696969
  • 105, 105, 105
  • LightSlateGray
  • #778899
  • 119, 136, 153
  • LightSlateGrey
  • #778899
  • 119, 136, 153
  • SlateGray
  • #708090
  • 112, 128, 144
  • SlateGrey
  • #708090
  • 112, 128, 144
  • DarkSlateGray
  • #2F4F4F
  • 47, 79, 79
  • DarkSlateGrey
  • #2F4F4F
  • 47, 79, 79
  • Black
  • #000000
  • 0, 0, 0

RGB and RGBA

The RGB system uses three numbers that describe the relative amount of red, green, and blue that are mixed together to produce any given hue. The numbers can range from 0 to 255. Consider the RGB code for a dark purple color: rgb(204, 51, 255), which can be applied to a CSS font color property, for example:

color: rgb(205, 51, 255);

The RGBA system adds another number that describes the transparency of the color, the value can range from 0 (fully transparent) to 1 (fully opaque). A value of 0.5 makes the color translucent, consider the translucent version of the dark purple color given by the RGBA system:

color: rgba(204, 51, 255, 0.5);

You can see that the red, green and blue color values ​​are similar to the RGB system. The fourth number - 0.5 is the degree of transparency. The "A" in RGBA stands for alpha channel, which is a graphic design term for transparency.

RGBA colors are useful for creating semi-transparent elements that allow the elements below them to be visible.

By name

Internet Explorer   Chrome  Opera   Safari  Firefox Android iOS

4.0+ 1.0+ 3.5+ 1.3+ 1.0+ 1.0+ 1.0+

Browsers support some colors by name. In table. 1 shows the names, hex code, values ​​in RGB, HSL format and description.

Tab. 1. Color names

  • white #ffffff or #fff rgb(255,255,255) hsl(0.0%,100%) White
  • silver #c0c0c0 rgb(192,192,192) hsl(0.0%,75%) Gray
  • gray #808080 rgb(128,128,128) hsl(0.0%,50%)
  • black #000000 or #000 rgb(0,0,0) hsl(0.0%,0%) Black
  • maroon #800000 rgb(128,0,0) hsl(0,100%,25%) Dark red
  • red #ff0000 or #f00 rgb(255,0,0) hsl(0,100%,50%) Red
  • orange #ffa500 rgb(255,165,0) hsl(38.8,100%,50%)
  • yellow #ffff00 or #ff0 rgb(255,255,0) hsl(60,100%,50%) Yellow
  • olive #808000 rgb(128,128,0) hsl(60,100%,25%)
  • lime #00ff00 or #0f0 rgb(0,255,0) hsl(120,100%,50%) Light green
  • green #008000 rgb(0,128,0) hsl(120,100%,25%)
  • aqua #00ffff or #0ff rgb(0,255,255) hsl(180,100%,50%) Cyan
  • blue #0000ff or #00f rgb(0,0,255) hsl(240,100%,50%) Blue
  • navy #000080 rgb(0,0,128) hsl(240,100%,25%) Dark blue
  • teal #008080 rgb(0,128,128) hsl(180,100%,25%)
  • fuchsia #ff00ff or #f0f rgb(255,0,255) hsl(300,100%,50%) Pink
  • purple #800080 rgb(128,0,128) hsl(300,100%,25%)

gray colors

 

  • Gainsboro    #DCDCDC RGB (220,220,220)
  • light gray #D3D3D3 RGB (211 211 211)
  • Silver #C0C0C0 RGB (192,192,192)
  • dark gray #A9A9A9 RGB (169 169 169)
  • gray #808080 RGB (128,128,128)
  • dim #696969 RGB (105 105 105)
  • light #778899 RGB (119,136,153)
  • slate gray # 708090 rgb (112,128,144)
  • dark gray #2F4F4F RGB (47,79,79)
  • black #000000 rgb(0,0,0)

Specification

Each specification goes through several stages of approval.

Recommendation - The specification has been approved by the W3C and is recommended as a standard.

Candidate Recommendation - The group responsible for the standard is satisfied that it meets its goals, but the developer community needs help to implement the standard.

Proposed Recommendation - At this point, the document is submitted to the W3C Advisory Board for final approval.

Working Draft - A more mature version of the draft after discussion and amendments for community review.

Editor's draft - A draft version of a standard after revisions by project editors.

Draft (Draft specification) - the first draft version of the standard.

HSL and HSLA color models

Another method of setting colors in CSS is the system, which can be found much less frequently on site pages. HSL is an acronym that combines the first letters of the following three features:

Hue - tone.

Saturation - saturation.

Lightness - lightness.

purple colors

 

  • lavender #E6E6FA RGB (230,230,250)
  • thistle #D8BFD8 RGB (216,191,216)
  • plum # DDA0DD RGB (221 160 221)
  • Violetta #EE82EE RGB (238 130 238)
  • orchid #DA70D6 RGB (218 112 214)
  • fuchsia # FF00FF RGB (255,0,255)
  • Magenta #FF00FF RGB(255,0,255)
  • medium orchid #BA55D3 RGB (186,85,211)
  • medium purple #9370DB RGB (147 112 219)
  • blue-violet #8A2BE2 RGB (138,43,226)
  • dark purple #9400D3 RGB (148.0 211)
  • Darkorchid #9932CC RGB (153,50,204)
  • dark magenta #8B008B RGB (139,0,139)
  • purple #800080 RGB (128,0,128)
  • indigo #4B0082 RGB (75,0,130)

 

With RGB

You can define a color using the red, green, and blue values ​​in decimal terms. Each of the three color components takes a value from 0 to 255. It is also permissible to set the color as a percentage, while 100% will correspond to the number 255. First, the keyword rgb is indicated, and then the color components are indicated in brackets, separated by commas, for example rgb(255 , 128, 128) or rgb(100%, 50%, 50%).

Adblock
detector