Основы работы с CSS

Цвета в CSS /* аналогично как в HTML */

Разбить на страницы
Показывать лекцию целиком

Цвета выводятся с помощью смешения источников:

  • RED (красного) цвета:
  • GREEN (зеленого) цвета:
  • BLUE (синего) цвета.
  • Значения цветов

    Цвета в CSS определяют с помощью шестнадцатеричной записи комбинации значений красного, зеленого и синего цветов (RGB). Наименьшее значение, которое можно задать одному из источников равно 0 (hex #00), а максимальное - 255 (hex #FF).

    Следующая таблица показывает результат объединения источников красного (R), зеленого (G) и синего (B) источников цвета:

    Цвет Цвет (HEX) Цвет RGB
    #000000 rgb(0,0,0)
    #FF0000 rgb(255,0,0)
    #00FF00 rgb(0,255,0)
    #0000FF rgb(0,0,255)
    #FFFF00 rgb(255,255,0)
    #00FFFF rgb(0,255,255)
    #FF00FF rgb(255,0,255)
    #C0C0C0 rgb(192,192,192)
    #FFFFFF rgb(255,255,255)

    Названия цветов

    Некоторая совокупность названий цветов поддерживается большинством браузеров.

    Примечание: Только 16 названий цветов поддерживается стандартом W3C для CSS (aqua (голубой), black (черный), blue (синий), fuchsia (фуксия), gray (серый), green (зеленый), lime (лайм), maroon (темно-бордовый), navy (темно-синий), olive (оливковый), purple (сиреневый), red (красный), silver (светло-серый), teal (сине-зеленый), white (белый), и yellow (желтый)). Для всех других цветов необходимо использовать значение HEX цвета.

    Цвет Цвет (HEX) Название цвета
    #FFF8DC Cornsilk (кукурузные рыльца)
    #00008B DarkBlue (темно-синий)
    #008B8B DarkCyan (темно-голубой)
    #FFFFF0 Ivory (слоновая кость)
    #FFFFE0 LightYellow (светло-желтый)
    #FFA500 Orange (оранжевый)
    #4169E1 RoyalBlue (ярко-синий)

    Безопасные цвета Web

    Несколько лет назад, когда большинство компьютеров поддерживали только 256 различных цветов, был предложен в качестве стандарта Web список из 216 безопасных цветов Web. Причина этого состояла в том, что операционные системы Microsoft и Mac использовали 40 различных "резервных" фиксированных системных цветов (около 20 каждая).

    Трудно сказать насколько это важно сегодня, так как все больше и больше компьютеров обладают возможностью выводить миллионы различных цветов, но такой стандарт существует, и его при желании можно придерживаться.

    216 межплатформенных цветов

    Эта палитра из 216 межплатформенных безопасных для Web цветов была первоначально создана для обеспечения правильного вывода компьютерами всех цветов при использовании палитры из 256 цветов.

    000000 000033 000066 000099 0000CC 0000FF
    003300 003333 003366 003399 0033CC 0033FF
    006600 006633 006666 006699 0066CC 0066FF
    009900 009933 009966 009999 0099CC 0099FF
    00CC00 00CC33 00CC66 00CC99 00CCCC 00CCFF
    00FF00 00FF33 00FF66 00FF99 00FFCC 00FFFF
    330000 330033 330066 330099 3300CC 3300FF
    333300 333333 333366 333399 3333CC 3333FF
    336600 336633 336666 336699 3366CC 3366FF
    339900 339933 339966 339999 3399CC 3399FF
    33CC00 33CC33 33CC66 33CC99 33CCCC 33CCFF
    33FF00 33FF33 33FF66 33FF99 33FFCC 33FFFF
    660000 660033 660066 660099 6600CC 6600FF
    663300 663333 663366 663399 6633CC 6633FF
    666600 666633 666666 666699 6666CC 6666FF
    669900 669933 669966 669999 6699CC 6699FF
    66CC00 66CC33 66CC66 66CC99 66CCCC 66CCFF
    66FF00 66FF33 66FF66 66FF99 66FFCC 66FFFF
    990000 990033 990066 990099 9900CC 9900FF
    993300 993333 993366 993399 9933CC 9933FF
    996600 996633 996666 996699 9966CC 9966FF
    999900 999933 999966 999999 9999CC 9999FF
    99CC00 99CC33 99CC66 99CC99 99CCCC 99CCFF
    99FF00 99FF33 99FF66 99FF99 99FFCC 99FFFF
    CC0000 CC0033 CC0066 CC0099 CC00CC CC00FF
    CC3300 CC3333 CC3366 CC3399 CC33CC CC33FF
    CC6600 CC6633 CC6666 CC6699 CC66CC CC66FF
    CC9900 CC9933 CC9966 CC9999 CC99CC CC99FF
    CCCC00 CCCC33 CCCC66 CCCC99 CCCCCC CCCCFF
    CCFF00 CCFF33 CCFF66 CCFF99 CCFFCC CCFFFF
    FF0000 FF0033 FF0066 FF0099 FF00CC FF00FF
    FF3300 FF3333 FF3366 FF3399 FF33CC FF33FF
    FF6600 FF6633 FF6666 FF6699 FF66CC FF66FF
    FF9900 FF9933 FF9966 FF9999 FF99CC FF99FF
    FFCC00 FFCC33 FFCC66 FFCC99 FFCCCC FFCCFF
    FFFF00 FFFF33 FFFF66 FFFF99 FFFFCC FFFFFF

    16384 различных цветов

    Большинство современных мониторов способны выводить как минимум 16384 различных цветов.

    Если взглянуть на таблицу цветов, расположенную ниже, то можно увидеть результат изменения интенсивности красного цвета от 0 до 255, при значениях зеленого и синего цветов равных нулю.

    Красный цвет HEX RGB
    #080000 rgb(8,0,0)
    #100000 rgb(16,0,0)
    #180000 rgb(24,0,0)
    #200000 rgb(32,0,0)
    #280000 rgb(40,0,0)
    #300000 rgb(48,0,0)
    #380000 rgb(56,0,0)
    #400000 rgb(64,0,0)
    #480000 rgb(72,0,0)
    #500000 rgb(80,0,0)
    #580000 rgb(88,0,0)
    #600000 rgb(96,0,0)
    #680000 rgb(104,0,0)
    #700000 rgb(112,0,0)
    #780000 rgb(120,0,0)
    #800000 rgb(128,0,0)
    #880000 rgb(136,0,0)
    #900000 rgb(144,0,0)
    #980000 rgb(152,0,0)
    #A00000 rgb(160,0,0)
    #A80000 rgb(168,0,0)
    #B00000 rgb(176,0,0)
    #B80000 rgb(184,0,0)
    #C00000 rgb(192,0,0)
    #C80000 rgb(200,0,0)
    #D00000 rgb(208,0,0)
    #D80000 rgb(216,0,0)
    #E00000 rgb(224,0,0)
    #E80000 rgb(232,0,0)
    #F00000 rgb(240,0,0)
    #F80000 rgb(248,0,0)
    #FF0000 rgb(255,0,0)

    Оттенки серого цвета

    Серые цвета выводятся при равных значениях интенсивности всех трех источников света. Чтобы облегчить выбор правильного серого цвета ниже представлена таблица оттенков серого цвета:

    Серый цвет RGB HEX
    RGB(0,0,0) #000000
    RGB(8,8,8) #080808
    RGB(16,16,16) #101010
    RGB(24,24,24) #181818
    RGB(32,32,32) #202020
    RGB(40,40,40) #282828
    RGB(48,48,48) #303030
    RGB(56,56,56) #383838
    RGB(64,64,64) #404040
    RGB(72,72,72) #484848
    RGB(80,80,80) #505050
    RGB(88,88,88) #585858
    RGB(96,96,96) #606060
    RGB(104,104,104) #686868
    RGB(112,112,112) #707070
    RGB(120,120,120) #787878
    RGB(128,128,128) #808080
    RGB(136,136,136) #888888
    RGB(144,144,144) #909090
    RGB(152,152,152) #989898
    RGB(160,160,160) #A0A0A0
    RGB(168,168,168) #A8A8A8
    RGB(176,176,176) #B0B0B0
    RGB(184,184,184) #B8B8B8
    RGB(192,192,192) #C0C0C0
    RGB(200,200,200) #C8C8C8
    RGB(208,208,208) #D0D0D0
    RGB(216,216,216) #D8D8D8
    RGB(224,224,224) #E0E0E0
    RGB(232,232,232) #E8E8E8
    RGB(240,240,240) #F0F0F0
    RGB(248,248,248) #F8F8F8
    RGB(255,255,255) #FFFFFF

    Названия цветов в CSS

    На этой странице находится таблица названий цветов, которые поддерживаются большинством броузеров.

    Примечание: Стандарт CSS консорциума W3C поддерживает только 16 имен цветов (aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow). Для всех остальных цветов необходимо использовать HEX (шестнадцатеричное) значение цвета.

    Название цвета HEX цвета Цвет
    AliceBlue (бледно-голубой) #F0F8FF
    AntiqueWhite (античный белый) #FAEBD7
    Aqua (голубой) #00FFFF
    Aquamarine (аквамарин) #7FFFD4
    Azure (лазурный) #F0FFFF
    Beige (беж) #F5F5DC
    Bisque (бисквитный) #FFE4C4
    Black (черный) #000000
    BlanchedAlmond (светло-кремовый) #FFEBCD
    Blue (синий) #0000FF
    BlueViolet (сине-фиолетовый) #8A2BE2
    Brown (коричневый) #A52A2A
    BurlyWood (старое дерево) #DEB887
    CadetBlue (серо-голубой) #5F9EA0
    Chartreuse (зеленовато-желтый) #7FFF00
    Chocolate (шоколадный) #D2691E
    Coral (коралловый) #FF7F50
    CornflowerBlue (васильковый) #6495ED
    Cornsilk (кукурузные рыльца) #FFF8DC
    Crimson (малиновый) #DC143C
    Cyan (светло-голубой) #00FFFF
    DarkBlue (темно-синий) #00008B
    DarkCyan (темно-голубой) #008B8B
    DarkGoldenRod (темно-золотисто-коричневый) #B8860B
    DarkGray (темно-серый) #A9A9A9
    DarkGreen (темно-зеленый) #006400
    DarkKhaki (темный хаки) #BDB76B
    DarkMagenta (темно-пурпурный) #8B008B
    DarkOliveGreen (темно-оливково-зеленый) #556B2F
    Darkorange (темно-оранжевый) #FF8C00
    DarkOrchid (темно-лиловый) #9932CC
    DarkRed (темно-красный) #8B0000
    DarkSalmon (темно-оранжево-розовый) #E9967A
    DarkSeaGreen (темно-зеленое море) #8FBC8F
    DarkSlateBlue (темный серовато-синий) #483D8B
    DarkSlateGray (темный синевато-серый) #2F4F4F
    DarkTurquoise (темно-бирюзовый) #00CED1
    DarkViolet (темно-фиолетовый) #9400D3
    DeepPink (темно-розовый) #FF1493
    DeepSkyBlue (темно-небесно-голубой) #00BFFF
    DimGray (тускло-серый) #696969
    DodgerBlue (тускло-васильковый) #1E90FF
    Feldspar (полевой шпат) #D19275
    FireBrick (огнеупорный кирпич) #B22222
    FloralWhite (цветочно-белый) #FFFAF0
    ForestGreen (лесная зелень) #228B22
    Fuchsia (фуксия) #FF00FF
    Gainsboro (светло-серый) #DCDCDC
    GhostWhite (туманно-белый) #F8F8FF
    Gold (золотой) #FFD700
    GoldenRod (золотисто-коричневый) #DAA520
    Gray (серый) #808080
    Green (зеленый) #008000
    GreenYellow (зелено-желтый) #ADFF2F
    HoneyDew (медовая роса) #F0FFF0
    HotPink (ярко-розовый) #FF69B4
    IndianRed (индийский-красный) #CD5C5C
    Indigo (индиго) #4B0082
    Ivory (слоновая кость) #FFFFF0
    Khaki (хаки) #F0E68C
    Lavender (бледно-лиловый) #E6E6FA
    LavenderBlush (бледный розово-лиловый) #FFF0F5
    LawnGreen (зеленая трава) #7CFC00
    LemonChiffon (лимонный) #FFFACD
    LightBlue (светло-синий) #ADD8E6
    LightCoral (светло-коралловый) #F08080
    LightCyan (светло-светло-голубой) #E0FFFF
    LightGoldenRodYellow (светлый коричнево-желтый) #FAFAD2
    LightGrey (светло-серый) #D3D3D3
    LightGreen (светло-зеленый) #90EE90
    LightPink (светло-розовый) #FFB6C1
    LightSalmon (светлый оранжево-розовый) #FFA07A
    LightSeaGreen (светло-зеленое море) #20B2AA
    LightSkyBlue (светло-небесно-голубой) #87CEFA
    LightSlateBlue (светлый серовато-синий) #8470FF
    LightSlateGray (светлый синевато-серый) #778899
    LightSteelBlue (светлый голубовато стальной) #B0C4DE
    LightYellow (светло-желтый) #FFFFE0
    Lime (лайм) #00FF00
    LimeGreen (зеленый лайм) #32CD32
    Linen (льняной) #FAF0E6
    Magenta (пурпурный) #FF00FF
    Maroon (каштановый) #800000
    MediumAquaMarine (умеренно аквамариновый) #66CDAA
    MediumBlue (умеренно синий) #0000CD
    MediumOrchid (умеренно лиловый) #BA55D3
    MediumPurple (умеренно пурпурный) #9370D8
    MediumSeaGreen (умеренно-зеленое море) #3CB371
    MediumSlateBlue (умеренно серовато-синий) #7B68EE
    MediumSpringGreen (умеренная весенняя зелень) #00FA9A
    MediumTurquoise (умеренно-бирюзовый) #48D1CC
    MediumVioletRed (умеренно фиолетово красный) #C71585
    MidnightBlue (ночной синий) #191970
    MintCream (мятно-кремовый) #F5FFFA
    MistyRose (туманно-розовый) #FFE4E1
    Moccasin (песочный) #FFE4B5
    NavajoWhite (темно-песочный) #FFDEAD
    Navy (темно-синий) #000080
    OldLace (старые кружева) #FDF5E6
    Olive (оливковый) #808000
    OliveDrab (тускло-оливковый) #6B8E23
    Orange (оранжевый) #FFA500
    OrangeRed (оранжево-красный) #FF4500
    Orchid (лиловый) #DA70D6
    PaleGoldenRod (бледно-золотисто-коричневый) #EEE8AA
    PaleGreen (бледно-зеленый) #98FB98
    PaleTurquoise (бледно-голубой) #AFEEEE
    PaleVioletRed (бледно-фиолетово-красный) #D87093
    PapayaWhip (дыни) #FFEFD5
    PeachPuff (персиковый) #FFDAB9
    Peru (коричневый) #CD853F
    Pink (розовый) #FFC0CB
    Plum (сливовый) #DDA0DD
    PowderBlue (туманно-голубой) #B0E0E6
    Purple (пурпурный) #800080
    Red (красный) #FF0000
    RosyBrown (розово-коричневый) #BC8F8F
    RoyalBlue (ярко-синий) #4169E1
    SaddleBrown (старая кожа) #8B4513
    Salmon (оранжево-розовый) #FA8072
    SandyBrown (песочно-коричневый) #F4A460
    SeaGreen (зеленое море) #2E8B57
    SeaShell (морская ракушка) #FFF5EE
    Sienna (охра) #A0522D
    Silver (свето-серый) #C0C0C0
    SkyBlue (небесно-голубой) #87CEEB
    SlateBlue (серовато-синий) #6A5ACD
    SlateGray (синевато-серый) #708090
    Snow (снежный) #FFFAFA
    SpringGreen (весенняя зелень) #00FF7F
    SteelBlue (сине-стальной) #4682B4
    Tan (бронзы) #D2B48C
    Teal (сине-зеленый) #008080
    Thistle (чертополох) #D8BFD8
    Tomato (томат) #FF6347
    Turquoise (бирюзовый) #40E0D0
    Violet (фиолетовый) #EE82EE
    VioletRed (фиолетово-красный) #D02090
    Wheat (пшеничный) #F5DEB3
    White (белый) #FFFFFF
    WhiteSmoke (белый дым) #F5F5F5
    Yellow (желтый) #FFFF00
    YellowGreen (желто-зеленый) #9ACD32
    Страницы:

    Цвета выводятся с помощью смешения источников:

  • RED (красного) цвета:
  • GREEN (зеленого) цвета:
  • BLUE (синего) цвета.
  • Значения цветов

    Цвета в CSS определяют с помощью шестнадцатеричной записи комбинации значений красного, зеленого и синего цветов (RGB). Наименьшее значение, которое можно задать одному из источников равно 0 (hex #00), а максимальное - 255 (hex #FF).

    Следующая таблица показывает результат объединения источников красного (R), зеленого (G) и синего (B) источников цвета:

    Цвет Цвет (HEX) Цвет RGB
    #000000 rgb(0,0,0)
    #FF0000 rgb(255,0,0)
    #00FF00 rgb(0,255,0)
    #0000FF rgb(0,0,255)
    #FFFF00 rgb(255,255,0)
    #00FFFF rgb(0,255,255)
    #FF00FF rgb(255,0,255)
    #C0C0C0 rgb(192,192,192)
    #FFFFFF rgb(255,255,255)

    Названия цветов

    Некоторая совокупность названий цветов поддерживается большинством браузеров.

    Примечание: Только 16 названий цветов поддерживается стандартом W3C для CSS (aqua (голубой), black (черный), blue (синий), fuchsia (фуксия), gray (серый), green (зеленый), lime (лайм), maroon (темно-бордовый), navy (темно-синий), olive (оливковый), purple (сиреневый), red (красный), silver (светло-серый), teal (сине-зеленый), white (белый), и yellow (желтый)). Для всех других цветов необходимо использовать значение HEX цвета.

    Цвет Цвет (HEX) Название цвета
    #FFF8DC Cornsilk (кукурузные рыльца)
    #00008B DarkBlue (темно-синий)
    #008B8B DarkCyan (темно-голубой)
    #FFFFF0 Ivory (слоновая кость)
    #FFFFE0 LightYellow (светло-желтый)
    #FFA500 Orange (оранжевый)
    #4169E1 RoyalBlue (ярко-синий)

    Безопасные цвета Web

    Несколько лет назад, когда большинство компьютеров поддерживали только 256 различных цветов, был предложен в качестве стандарта Web список из 216 безопасных цветов Web. Причина этого состояла в том, что операционные системы Microsoft и Mac использовали 40 различных "резервных" фиксированных системных цветов (около 20 каждая).

    Трудно сказать насколько это важно сегодня, так как все больше и больше компьютеров обладают возможностью выводить миллионы различных цветов, но такой стандарт существует, и его при желании можно придерживаться.

    216 межплатформенных цветов

    Эта палитра из 216 межплатформенных безопасных для Web цветов была первоначально создана для обеспечения правильного вывода компьютерами всех цветов при использовании палитры из 256 цветов.

    000000 000033 000066 000099 0000CC 0000FF
    003300 003333 003366 003399 0033CC 0033FF
    006600 006633 006666 006699 0066CC 0066FF
    009900 009933 009966 009999 0099CC 0099FF
    00CC00 00CC33 00CC66 00CC99 00CCCC 00CCFF
    00FF00 00FF33 00FF66 00FF99 00FFCC 00FFFF
    330000 330033 330066 330099 3300CC 3300FF
    333300 333333 333366 333399 3333CC 3333FF
    336600 336633 336666 336699 3366CC 3366FF
    339900 339933 339966 339999 3399CC 3399FF
    33CC00 33CC33 33CC66 33CC99 33CCCC 33CCFF
    33FF00 33FF33 33FF66 33FF99 33FFCC 33FFFF
    660000 660033 660066 660099 6600CC 6600FF
    663300 663333 663366 663399 6633CC 6633FF
    666600 666633 666666 666699 6666CC 6666FF
    669900 669933 669966 669999 6699CC 6699FF
    66CC00 66CC33 66CC66 66CC99 66CCCC 66CCFF
    66FF00 66FF33 66FF66 66FF99 66FFCC 66FFFF
    990000 990033 990066 990099 9900CC 9900FF
    993300 993333 993366 993399 9933CC 9933FF
    996600 996633 996666 996699 9966CC 9966FF
    999900 999933 999966 999999 9999CC 9999FF
    99CC00 99CC33 99CC66 99CC99 99CCCC 99CCFF
    99FF00 99FF33 99FF66 99FF99 99FFCC 99FFFF
    CC0000 CC0033 CC0066 CC0099 CC00CC CC00FF
    CC3300 CC3333 CC3366 CC3399 CC33CC CC33FF
    CC6600 CC6633 CC6666 CC6699 CC66CC CC66FF
    CC9900 CC9933 CC9966 CC9999 CC99CC CC99FF
    CCCC00 CCCC33 CCCC66 CCCC99 CCCCCC CCCCFF
    CCFF00 CCFF33 CCFF66 CCFF99 CCFFCC CCFFFF
    FF0000 FF0033 FF0066 FF0099 FF00CC FF00FF
    FF3300 FF3333 FF3366 FF3399 FF33CC FF33FF
    FF6600 FF6633 FF6666 FF6699 FF66CC FF66FF
    FF9900 FF9933 FF9966 FF9999 FF99CC FF99FF
    FFCC00 FFCC33 FFCC66 FFCC99 FFCCCC FFCCFF
    FFFF00 FFFF33 FFFF66 FFFF99 FFFFCC FFFFFF

    16384 различных цветов

    Большинство современных мониторов способны выводить как минимум 16384 различных цветов.

    Если взглянуть на таблицу цветов, расположенную ниже, то можно увидеть результат изменения интенсивности красного цвета от 0 до 255, при значениях зеленого и синего цветов равных нулю.

    Красный цвет HEX RGB
    #080000 rgb(8,0,0)
    #100000 rgb(16,0,0)
    #180000 rgb(24,0,0)
    #200000 rgb(32,0,0)
    #280000 rgb(40,0,0)
    #300000 rgb(48,0,0)
    #380000 rgb(56,0,0)
    #400000 rgb(64,0,0)
    #480000 rgb(72,0,0)
    #500000 rgb(80,0,0)
    #580000 rgb(88,0,0)
    #600000 rgb(96,0,0)
    #680000 rgb(104,0,0)
    #700000 rgb(112,0,0)
    #780000 rgb(120,0,0)
    #800000 rgb(128,0,0)
    #880000 rgb(136,0,0)
    #900000 rgb(144,0,0)
    #980000 rgb(152,0,0)
    #A00000 rgb(160,0,0)
    #A80000 rgb(168,0,0)
    #B00000 rgb(176,0,0)
    #B80000 rgb(184,0,0)
    #C00000 rgb(192,0,0)
    #C80000 rgb(200,0,0)
    #D00000 rgb(208,0,0)
    #D80000 rgb(216,0,0)
    #E00000 rgb(224,0,0)
    #E80000 rgb(232,0,0)
    #F00000 rgb(240,0,0)
    #F80000 rgb(248,0,0)
    #FF0000 rgb(255,0,0)

    Оттенки серого цвета

    Серые цвета выводятся при равных значениях интенсивности всех трех источников света. Чтобы облегчить выбор правильного серого цвета ниже представлена таблица оттенков серого цвета:

    Серый цвет RGB HEX
    RGB(0,0,0) #000000
    RGB(8,8,8) #080808
    RGB(16,16,16) #101010
    RGB(24,24,24) #181818
    RGB(32,32,32) #202020
    RGB(40,40,40) #282828
    RGB(48,48,48) #303030
    RGB(56,56,56) #383838
    RGB(64,64,64) #404040
    RGB(72,72,72) #484848
    RGB(80,80,80) #505050
    RGB(88,88,88) #585858
    RGB(96,96,96) #606060
    RGB(104,104,104) #686868
    RGB(112,112,112) #707070
    RGB(120,120,120) #787878
    RGB(128,128,128) #808080
    RGB(136,136,136) #888888
    RGB(144,144,144) #909090
    RGB(152,152,152) #989898
    RGB(160,160,160) #A0A0A0
    RGB(168,168,168) #A8A8A8
    RGB(176,176,176) #B0B0B0
    RGB(184,184,184) #B8B8B8
    RGB(192,192,192) #C0C0C0
    RGB(200,200,200) #C8C8C8
    RGB(208,208,208) #D0D0D0
    RGB(216,216,216) #D8D8D8
    RGB(224,224,224) #E0E0E0
    RGB(232,232,232) #E8E8E8
    RGB(240,240,240) #F0F0F0
    RGB(248,248,248) #F8F8F8
    RGB(255,255,255) #FFFFFF

    Названия цветов в CSS

    На этой странице находится таблица названий цветов, которые поддерживаются большинством броузеров.

    Примечание: Стандарт CSS консорциума W3C поддерживает только 16 имен цветов (aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow). Для всех остальных цветов необходимо использовать HEX (шестнадцатеричное) значение цвета.

    Название цвета HEX цвета Цвет
    AliceBlue (бледно-голубой) #F0F8FF
    AntiqueWhite (античный белый) #FAEBD7
    Aqua (голубой) #00FFFF
    Aquamarine (аквамарин) #7FFFD4
    Azure (лазурный) #F0FFFF
    Beige (беж) #F5F5DC
    Bisque (бисквитный) #FFE4C4
    Black (черный) #000000
    BlanchedAlmond (светло-кремовый) #FFEBCD
    Blue (синий) #0000FF
    BlueViolet (сине-фиолетовый) #8A2BE2
    Brown (коричневый) #A52A2A
    BurlyWood (старое дерево) #DEB887
    CadetBlue (серо-голубой) #5F9EA0
    Chartreuse (зеленовато-желтый) #7FFF00
    Chocolate (шоколадный) #D2691E
    Coral (коралловый) #FF7F50
    CornflowerBlue (васильковый) #6495ED
    Cornsilk (кукурузные рыльца) #FFF8DC
    Crimson (малиновый) #DC143C
    Cyan (светло-голубой) #00FFFF
    DarkBlue (темно-синий) #00008B
    DarkCyan (темно-голубой) #008B8B
    DarkGoldenRod (темно-золотисто-коричневый) #B8860B
    DarkGray (темно-серый) #A9A9A9
    DarkGreen (темно-зеленый) #006400
    DarkKhaki (темный хаки) #BDB76B
    DarkMagenta (темно-пурпурный) #8B008B
    DarkOliveGreen (темно-оливково-зеленый) #556B2F
    Darkorange (темно-оранжевый) #FF8C00
    DarkOrchid (темно-лиловый) #9932CC
    DarkRed (темно-красный) #8B0000
    DarkSalmon (темно-оранжево-розовый) #E9967A
    DarkSeaGreen (темно-зеленое море) #8FBC8F
    DarkSlateBlue (темный серовато-синий) #483D8B
    DarkSlateGray (темный синевато-серый) #2F4F4F
    DarkTurquoise (темно-бирюзовый) #00CED1
    DarkViolet (темно-фиолетовый) #9400D3
    DeepPink (темно-розовый) #FF1493
    DeepSkyBlue (темно-небесно-голубой) #00BFFF
    DimGray (тускло-серый) #696969
    DodgerBlue (тускло-васильковый) #1E90FF
    Feldspar (полевой шпат) #D19275
    FireBrick (огнеупорный кирпич) #B22222
    FloralWhite (цветочно-белый) #FFFAF0
    ForestGreen (лесная зелень) #228B22
    Fuchsia (фуксия) #FF00FF
    Gainsboro (светло-серый) #DCDCDC
    GhostWhite (туманно-белый) #F8F8FF
    Gold (золотой) #FFD700
    GoldenRod (золотисто-коричневый) #DAA520
    Gray (серый) #808080
    Green (зеленый) #008000
    GreenYellow (зелено-желтый) #ADFF2F
    HoneyDew (медовая роса) #F0FFF0
    HotPink (ярко-розовый) #FF69B4
    IndianRed (индийский-красный) #CD5C5C
    Indigo (индиго) #4B0082
    Ivory (слоновая кость) #FFFFF0
    Khaki (хаки) #F0E68C
    Lavender (бледно-лиловый) #E6E6FA
    LavenderBlush (бледный розово-лиловый) #FFF0F5
    LawnGreen (зеленая трава) #7CFC00
    LemonChiffon (лимонный) #FFFACD
    LightBlue (светло-синий) #ADD8E6
    LightCoral (светло-коралловый) #F08080
    LightCyan (светло-светло-голубой) #E0FFFF
    LightGoldenRodYellow (светлый коричнево-желтый) #FAFAD2
    LightGrey (светло-серый) #D3D3D3
    LightGreen (светло-зеленый) #90EE90
    LightPink (светло-розовый) #FFB6C1
    LightSalmon (светлый оранжево-розовый) #FFA07A
    LightSeaGreen (светло-зеленое море) #20B2AA
    LightSkyBlue (светло-небесно-голубой) #87CEFA
    LightSlateBlue (светлый серовато-синий) #8470FF
    LightSlateGray (светлый синевато-серый) #778899
    LightSteelBlue (светлый голубовато стальной) #B0C4DE
    LightYellow (светло-желтый) #FFFFE0
    Lime (лайм) #00FF00
    LimeGreen (зеленый лайм) #32CD32
    Linen (льняной) #FAF0E6
    Magenta (пурпурный) #FF00FF
    Maroon (каштановый) #800000
    MediumAquaMarine (умеренно аквамариновый) #66CDAA
    MediumBlue (умеренно синий) #0000CD
    MediumOrchid (умеренно лиловый) #BA55D3
    MediumPurple (умеренно пурпурный) #9370D8
    MediumSeaGreen (умеренно-зеленое море) #3CB371
    MediumSlateBlue (умеренно серовато-синий) #7B68EE
    MediumSpringGreen (умеренная весенняя зелень) #00FA9A
    MediumTurquoise (умеренно-бирюзовый) #48D1CC
    MediumVioletRed (умеренно фиолетово красный) #C71585
    MidnightBlue (ночной синий) #191970
    MintCream (мятно-кремовый) #F5FFFA
    MistyRose (туманно-розовый) #FFE4E1
    Moccasin (песочный) #FFE4B5
    NavajoWhite (темно-песочный) #FFDEAD
    Navy (темно-синий) #000080
    OldLace (старые кружева) #FDF5E6
    Olive (оливковый) #808000
    OliveDrab (тускло-оливковый) #6B8E23
    Orange (оранжевый) #FFA500
    OrangeRed (оранжево-красный) #FF4500
    Orchid (лиловый) #DA70D6
    PaleGoldenRod (бледно-золотисто-коричневый) #EEE8AA
    PaleGreen (бледно-зеленый) #98FB98
    PaleTurquoise (бледно-голубой) #AFEEEE
    PaleVioletRed (бледно-фиолетово-красный) #D87093
    PapayaWhip (дыни) #FFEFD5
    PeachPuff (персиковый) #FFDAB9
    Peru (коричневый) #CD853F
    Pink (розовый) #FFC0CB
    Plum (сливовый) #DDA0DD
    PowderBlue (туманно-голубой) #B0E0E6
    Purple (пурпурный) #800080
    Red (красный) #FF0000
    RosyBrown (розово-коричневый) #BC8F8F
    RoyalBlue (ярко-синий) #4169E1
    SaddleBrown (старая кожа) #8B4513
    Salmon (оранжево-розовый) #FA8072
    SandyBrown (песочно-коричневый) #F4A460
    SeaGreen (зеленое море) #2E8B57
    SeaShell (морская ракушка) #FFF5EE
    Sienna (охра) #A0522D
    Silver (свето-серый) #C0C0C0
    SkyBlue (небесно-голубой) #87CEEB
    SlateBlue (серовато-синий) #6A5ACD
    SlateGray (синевато-серый) #708090
    Snow (снежный) #FFFAFA
    SpringGreen (весенняя зелень) #00FF7F
    SteelBlue (сине-стальной) #4682B4
    Tan (бронзы) #D2B48C
    Teal (сине-зеленый) #008080
    Thistle (чертополох) #D8BFD8
    Tomato (томат) #FF6347
    Turquoise (бирюзовый) #40E0D0
    Violet (фиолетовый) #EE82EE
    VioletRed (фиолетово-красный) #D02090
    Wheat (пшеничный) #F5DEB3
    White (белый) #FFFFFF
    WhiteSmoke (белый дым) #F5F5F5
    Yellow (желтый) #FFFF00
    YellowGreen (желто-зеленый) #9ACD32
    Вернуться к учебному плану