Палитра цветов для веб-сайтов

22 июня 2016

В HTML и CSS можно обозначать цвета тремя способами:

Чаще всего используются первые два способа, так как с их помощью можно передать любой из 16 777 216 возможных оттенков (256³). Но в реальной жизни в одном проекте чаще всего используются всего пара-тройка цветов в дополнение к белому и черному. Так зачем же запоминать шестнадцатиричные коды, когда можно просто написать black или white или red?

Cуществует 140 наименований цветов — достаточно богатая палитра для ежедневных задач. При работе над сайтом довольно удобно писать в CSS имена основных цветов, так их проще запомнить или изменить, чем какой-нибудь #ec008c.

Красные

• Red

  #FF0000, rgb(255,0,0)

• FireBrick

  #B22222, rgb(178,34,34)

• Brown

  #A52A2A, rgb(165,42,42)

• DarkRed

  #8B0000, rgb(139,0,0)

• Maroon

  #800000, rgb(128,0,0)

• OrangeRed

  #FF4500, rgb(255,69,0)

• Crimson

  #DC143C, rgb(220,20,60)

• IndianRed

  #CD5C5C, rgb(205,92,92)

• LightCoral

  #F08080, rgb(240,128,128)

• Salmon

  #FA8072, rgb(250,128,114)

Оранжевые, желтые и коричневые

• Orange

  #FFA500, rgb(255,165,0)

• DarkOrange

  #FF8C00, rgb(255,140,0)

• LightSalmon

  #FFA07A, rgb(255,160,122)

• Coral

  #FF7F50, rgb(255,127,80)

• Tomato

  #FF6347, rgb(255,99,71)

• Ivory

  #FFFFF0, rgb(255,255,240)

• LightYellow

  #FFFFE0, rgb(255,255,224)

• LemonChiffon

  #FFFACD, rgb(255,250,205)

• Yellow

  #FFFF00, rgb(255,255,0)

• Gold

  #FFD700, rgb(255,215,0)

• Goldenrod

  #DAA520, rgb(218,165,32)

• DarkGoldenrod

  #B8860B, rgb(184,134,11)

• Beige

  #F5F5DC, rgb(245,245,220)

• PaleGoldenrod

  #EEE8AA, rgb(238,232,170)

• Khaki

  #F0E68C, rgb(240,230,140)

• DarkKhaki

  #BDB76B, rgb(189,183,107)

• PapayaWhip

  #FFEFD5, rgb(255,239,213)

• PeachPuff

  #FFDAB9, rgb(255,218,185)

• Cornsilk

  #FFF8DC, rgb(255,248,220)

• Seashell

  #FFF5EE, rgb(255,245,238)

• OldLace

  #FDF5E6, rgb(253,245,230)

• FloralWhite

  #FFFAF0, rgb(255,250,240)

• AntiqueWhite

  #FAEBD7, rgb(250,235,215)

• Linen

  #FAF0E6, rgb(250,240,230)

• BlanchedAlmond

  #FFEBCD, rgb(255,235,205)

• Bisque

  #FFE4C4, rgb(255,228,196)

• Moccasin

  #FFE4B5, rgb(255,228,181)

• NavajoWhite

  #FFDEAD, rgb(255,222,173)

• Wheat

  #F5DEB3, rgb(245,222,179)

• BurlyWood

  #DEB887, rgb(222,184,135)

• Tan

  #D2B48C, rgb(210,180,140)

• SandyBrown

  #F4A460, rgb(244,164,96)

• Peru

  #CD853F, rgb(205,133,63)

• Chocolate

  #D2691E, rgb(210,105,30)

• SaddleBrown

  #8B4513, rgb(139,69,19)

• Sienna

  #A0522D, rgb(160,82,45)

• DarkSalmon

  #E9967A, rgb(233,150,122)

• RosyBrown

  #BC8F8F, rgb(188,143,143)

• Light GoldenrodYellow

  #FAFAD2, rgb(250,250,210)

Зелёные

• YellowGreen

  #9ACD32, rgb(154,205,50)

• GreenYellow

  #ADFF2F, rgb(173,255,47)

• Chartreuse

  #7FFF00, rgb(127,255,0)

• LawnGreen

  #7CFC00, rgb(124,252,0)

• Lime

  #00FF00, rgb(0,255,0)

• LimeGreen

  #32CD32, rgb(50,205,50)

• Honeydew

  #F0FFF0, rgb(240,255,240)

• PaleGreen

  #98FB98, rgb(152,251,152)

• LightGreen

  #90EE90, rgb(144,238,144)

• SpringGreen

  #00FF7F, rgb(0,255,127)

• Aquamarine

  #7FFFD4, rgb(127,255,212)

• SeaGreen

  #2E8B57, rgb(46,139,87)

• ForestGreen

  #228B22, rgb(34,139,34)

• Green

  #008000, rgb(0,128,0)

• DarkGreen

  #006400, rgb(0,100,0)

• OliveDrab

  #6B8E23, rgb(107,142,35)

• DarkOliveGreen

  #556B2F, rgb(85,107,47)

• Olive

  #808000, rgb(128,128,0)

• DarkSeaGreen

  #8FBC8F, rgb(143,188,143)

• Medium SeaGreen

  #3CB371, rgb(60,179,113)

• Medium SpringGreen

  #00FA9A, rgb(0,250,154)

• Medium Aquamarine

  #66CDAA, rgb(102,205,170)

Сине-зелёные

• Azure

  #F0FFFF, rgb(240,255,255)

• MintCream

  #F5FFFA, rgb(245,255,250)

• LightCyan

  #E0FFFF, rgb(224,255,255)

• PowderBlue

  #B0E0E6, rgb(176,224,230)

• LightBlue

  #ADD8E6, rgb(173,216,230)

• PaleTurquoise

  #AFEEEE, rgb(175,238,238)

• Aqua (Cyan)

  #00FFFF, rgb(0,255,255)

• Turquoise

  #40E0D0, rgb(64,224,208)

• MediumTurquoise

  #48D1CC, rgb(72,209,204)

• DarkTurquoise

  #00CED1, rgb(0,206,209)

• LightSeaGreen

  #20B2AA, rgb(32,178,170)

• DarkCyan

  #008B8B, rgb(0,139,139)

• CadetBlue

  #5F9EA0, rgb(95,158,160)

• Teal

  #008080, rgb(0,128,128)

• DarkSlateGray

  #2F4F4F, rgb(47,79,79)

• LightSlateGray

  #778899, rgb(119,136,153)

• SlateGray

  #708090, rgb(112,128,144)

Синие

• AliceBlue

  #F0F8FF, rgb(240,248,255)

• LightSteelBlue

  #B0C4DE, rgb(176,196,222)

• CornflowerBlue

  #6495ED, rgb(100,149,237)

• SteelBlue

  #4682B4, rgb(70,130,180)

• LightSkyBlue

  #87CEFA, rgb(135,206,250)

• SkyBlue

  #87CEEB, rgb(135,206,235)

• DeepSkyBlue

  #00BFFF, rgb(0,191,255)

• DodgerBlue

  #1E90FF, rgb(30,144,255)

• RoyalBlue

  #4169E1, rgb(65,105,225)

• Blue

  #0000FF, rgb(0,0,255)

• MediumBlue

  #0000CD, rgb(0,0,205)

• DarkBlue

  #00008B, rgb(0,0,139)

• Navy

  #000080, rgb(0,0,128)

• MidnightBlue

  #191970, rgb(25,25,112)

• SlateBlue

  #6A5ACD, rgb(106,90,205)

• MediumSlateBlue

  #7B68EE, rgb(123,104,238)

• DarkSlateBlue

  #483D8B, rgb(72,61,139)

• Indigo

  #4B0082, rgb(75,0,130)

Фиолетовые и розовые

• GhostWhite

  #F8F8FF, rgb(248,248,255)

• Lavender

  #E6E6FA, rgb(230,230,250)

• Thistle

  #D8BFD8, rgb(216,191,216)

• Plum

  #DDA0DD, rgb(221,160,221)

• Violet

  #EE82EE, rgb(238,130,238)

• Orchid

  #DA70D6, rgb(218,112,214)

• Fuchsia

  #FF00FF, rgb(255,0,255)

• MediumOrchid

  #BA55D3, rgb(186,85,211)

• MediumPurple

  #9370DB, rgb(147,112,219)

• BlueViolet

  #8A2BE2, rgb(138,43,226)

• DarkViolet

  #9400D3, rgb(148,0,211)

• DarkOrchid

  #9932CC, rgb(153,50,204)

• DarkMagenta

  #8B008B, rgb(139,0,139)

• Purple

  #800080, rgb(128,0,128)

• Snow

  #FFFAFA, rgb(255,250,250)

• LavenderBlush

  #FFF0F5, rgb(255,240,245)

• MistyRose

  #FFE4E1, rgb(255,228,225)

• LightPink

  #FFB6C1, rgb(255,182,193)

• Pink

  #FFC0CB, rgb(255,192,203)

• PaleVioletRed

  #DB7093, rgb(219,112,147)

• HotPink

  #FF69B4, rgb(255,105,180)

• DeepPink

  #FF1493, rgb(255,20,147)

• MediumVioletRed

  #C71585, rgb(199,21,133)

Серые

• White

  #FFFFFF, rgb(255,255,255)

• WhiteSmoke

  #F5F5F5, rgb(245,245,245)

• Gainsboro

  #DCDCDC, rgb(220,220,220)

• LightGray

  #D3D3D3, rgb(211,211,211)

• Silver

  #C0C0C0, rgb(192,192,192)

• DarkGray

  #A9A9A9, rgb(169,169,169)

• Gray

  #808080, rgb(128,128,128)

• DimGray

  #696969, rgb(105,105,105)

• Black

  #000000, rgb(0,0,0)

Рекомендую посмотреть

• Комбинаторика в дизайне: цвета
• The Mind Book: мой дизайнерский артбук
• Картина в стиле
  Мондриана
• Как сдать файлы в печать и не заработать инфаркт