В HTML и CSS возможно записать цвет несколькими способами. Одним из них является запись при помощи ключевого слова.

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

В случаях когда у нужного цвета нет ключевого слова, можно воспользоваться альтернативной записью цвета, например: HEX, RGB или HSL.

Таблица именованных HTML/CSS цветов

Color:
HEX: #f0f8ff
RGB: rgb(240, 248, 255)
HSL: hsl(208, 100%, 97%)
Name: AliceBlue

Color:
HEX: #faebd7
RGB: rgb(250, 235, 215)
HSL: hsl(34, 78%, 91%)
Name: AntiqueWhite

Color:
HEX: #00ffff
RGB: rgb(0, 255, 255)
HSL: hsl(180, 100%, 50%)
Name: Aqua

Color:
HEX: #7fffd4
RGB: rgb(127, 255, 212)
HSL: hsl(160, 100%, 75%)
Name: Aquamarine

Color:
HEX: #f0ffff
RGB: rgb(240, 255, 255)
HSL: hsl(180, 100%, 97%)
Name: Azure

Color:
HEX: #f5f5dc
RGB: rgb(245, 245, 220)
HSL: hsl(60, 56%, 91%)
Name: Beige

Color:
HEX: #ffe4c4
RGB: rgb(255, 228, 196)
HSL: hsl(33, 100%, 88%)
Name: Bisque

Color:
HEX: #000000
RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
Name: Black

Color:
HEX: #ffebcd
RGB: rgb(255, 235, 205)
HSL: hsl(36, 100%, 90%)
Name: BlanchedAlmond

Color:
HEX: #0000ff
RGB: rgb(0, 0, 255)
HSL: hsl(240, 100%, 50%)
Name: Blue

Color:
HEX: #8a2be2
RGB: rgb(138, 43, 226)
HSL: hsl(271, 76%, 53%)
Name: BlueViolet

Color:
HEX: #a52a2a
RGB: rgb(165, 42, 42)
HSL: hsl(0, 59%, 41%)
Name: Brown

Color:
HEX: #deb887
RGB: rgb(222, 184, 135)
HSL: hsl(34, 57%, 70%)
Name: BurlyWood

Color:
HEX: #5f9ea0
RGB: rgb(95, 158, 160)
HSL: hsl(182, 25%, 50%)
Name: CadetBlue

Color:
HEX: #7fff00
RGB: rgb(127, 255, 0)
HSL: hsl(90, 100%, 50%)
Name: Chartreuse

Color:
HEX: #d2691e
RGB: rgb(210, 105, 30)
HSL: hsl(25, 75%, 47%)
Name: Chocolate

Color:
HEX: #ff7f50
RGB: rgb(255, 127, 80)
HSL: hsl(16, 100%, 66%)
Name: Coral

Color:
HEX: #6495ed
RGB: rgb(100, 149, 237)
HSL: hsl(219, 79%, 66%)
Name: CornflowerBlue

Color:
HEX: #fff8dc
RGB: rgb(255, 248, 220)
HSL: hsl(48, 100%, 93%)
Name: Cornsilk

Color:
HEX: #dc143c
RGB: rgb(220, 20, 60)
HSL: hsl(348, 83%, 47%)
Name: Crimson

Color:
HEX: #00ffff
RGB: rgb(0, 255, 255)
HSL: hsl(180, 100%, 50%)
Name: Cyan

Color:
HEX: #00008b
RGB: rgb(0, 0, 139)
HSL: hsl(240, 100%, 27%)
Name: DarkBlue

Color:
HEX: #008b8b
RGB: rgb(0, 139, 139)
HSL: hsl(180, 100%, 27%)
Name: DarkCyan

Color:
HEX: #b8860b
RGB: rgb(184, 134, 11)
HSL: hsl(43, 89%, 38%)
Name: DarkGoldenRod

Color:
HEX: #a9a9a9
RGB: rgb(169, 169, 169)
HSL: hsl(0, 0%, 66%)
Name: DarkGray

Color:
HEX: #a9a9a9
RGB: rgb(169, 169, 169)
HSL: hsl(0, 0%, 66%)
Name: DarkGrey

Color:
HEX: #006400
RGB: rgb(0, 100, 0)
HSL: hsl(120, 100%, 20%)
Name: DarkGreen

Color:
HEX: #bdb76b
RGB: rgb(189, 183, 107)
HSL: hsl(56, 38%, 58%)
Name: DarkKhaki

Color:
HEX: #8b008b
RGB: rgb(139, 0, 139)
HSL: hsl(300, 100%, 27%)
Name: DarkMagenta

Color:
HEX: #556b2f
RGB: rgb(85, 107, 47)
HSL: hsl(82, 39%, 30%)
Name: DarkOliveGreen

Color:
HEX: #ff8c00
RGB: rgb(255, 140, 0)
HSL: hsl(33, 100%, 50%)
Name: DarkOrange

Color:
HEX: #9932cc
RGB: rgb(153, 50, 204)
HSL: hsl(280, 61%, 50%)
Name: DarkOrchid

Color:
HEX: #8b0000
RGB: rgb(139, 0, 0)
HSL: hsl(0, 100%, 27%)
Name: DarkRed

Color:
HEX: #e9967a
RGB: rgb(233, 150, 122)
HSL: hsl(15, 72%, 70%)
Name: DarkSalmon

Color:
HEX: #8fbc8f
RGB: rgb(143, 188, 143)
HSL: hsl(120, 25%, 65%)
Name: DarkSeaGreen

Color:
HEX: #483d8b
RGB: rgb(72, 61, 139)
HSL: hsl(248, 39%, 39%)
Name: DarkSlateBlue

Color:
HEX: #2f4f4f
RGB: rgb(47, 79, 79)
HSL: hsl(180, 25%, 25%)
Name: DarkSlateGray

Color:
HEX: #2f4f4f
RGB: rgb(47, 79, 79)
HSL: hsl(180, 25%, 25%)
Name: DarkSlateGrey

Color:
HEX: #00ced1
RGB: rgb(0, 206, 209)
HSL: hsl(181, 100%, 41%)
Name: DarkTurquoise

Color:
HEX: #9400d3
RGB: rgb(148, 0, 211)
HSL: hsl(282, 100%, 41%)
Name: DarkViolet

Color:
HEX: #ff1493
RGB: rgb(255, 20, 147)
HSL: hsl(328, 100%, 54%)
Name: DeepPink

Color:
HEX: #00bfff
RGB: rgb(0, 191, 255)
HSL: hsl(195, 100%, 50%)
Name: DeepSkyBlue

Color:
HEX: #696969
RGB: rgb(105, 105, 105)
HSL: hsl(0, 0%, 41%)
Name: DimGray

Color:
HEX: #696969
RGB: rgb(105, 105, 105)
HSL: hsl(0, 0%, 41%)
Name: DimGrey

Color:
HEX: #1e90ff
RGB: rgb(30, 144, 255)
HSL: hsl(210, 100%, 56%)
Name: DodgerBlue

Color:
HEX: #b22222
RGB: rgb(178, 34, 34)
HSL: hsl(0, 68%, 42%)
Name: FireBrick

Color:
HEX: #fffaf0
RGB: rgb(255, 250, 240)
HSL: hsl(40, 100%, 97%)
Name: FloralWhite

Color:
HEX: #228b22
RGB: rgb(34, 139, 34)
HSL: hsl(120, 61%, 34%)
Name: ForestGreen

Color:
HEX: #ff00ff
RGB: rgb(255, 0, 255)
HSL: hsl(300, 100%, 50%)
Name: Fuchsia

Color:
HEX: #dcdcdc
RGB: rgb(220, 220, 220)
HSL: hsl(0, 0%, 86%)
Name: Gainsboro

Color:
HEX: #f8f8ff
RGB: rgb(248, 248, 255)
HSL: hsl(240, 100%, 99%)
Name: GhostWhite

Color:
HEX: #ffd700
RGB: rgb(255, 215, 0)
HSL: hsl(51, 100%, 50%)
Name: Gold

Color:
HEX: #daa520
RGB: rgb(218, 165, 32)
HSL: hsl(43, 74%, 49%)
Name: GoldenRod

Color:
HEX: #808080
RGB: rgb(128, 128, 128)
HSL: hsl(0, 0%, 50%)
Name: Gray

Color:
HEX: #808080
RGB: rgb(128, 128, 128)
HSL: hsl(0, 0%, 50%)
Name: Grey

Color:
HEX: #008000
RGB: rgb(0, 128, 0)
HSL: hsl(120, 100%, 25%)
Name: Green

Color:
HEX: #adff2f
RGB: rgb(173, 255, 47)
HSL: hsl(84, 100%, 59%)
Name: GreenYellow

Color:
HEX: #f0fff0
RGB: rgb(240, 255, 240)
HSL: hsl(120, 100%, 97%)
Name: HoneyDew

Color:
HEX: #ff69b4
RGB: rgb(255, 105, 180)
HSL: hsl(330, 100%, 71%)
Name: HotPink

Color:
HEX: #cd5c5c
RGB: rgb(205, 92, 92)
HSL: hsl(0, 53%, 58%)
Name: IndianRed

Color:
HEX: #4b0082
RGB: rgb(75, 0, 130)
HSL: hsl(275, 100%, 25%)
Name: Indigo

Color:
HEX: #fffff0
RGB: rgb(255, 255, 240)
HSL: hsl(60, 100%, 97%)
Name: Ivory

Color:
HEX: #f0e68c
RGB: rgb(240, 230, 140)
HSL: hsl(54, 77%, 75%)
Name: Khaki

Color:
HEX: #e6e6fa
RGB: rgb(230, 230, 250)
HSL: hsl(240, 67%, 94%)
Name: Lavender

Color:
HEX: #fff0f5
RGB: rgb(255, 240, 245)
HSL: hsl(340, 100%, 97%)
Name: LavenderBlush

Color:
HEX: #7cfc00
RGB: rgb(124, 252, 0)
HSL: hsl(90, 100%, 49%)
Name: LawnGreen

Color:
HEX: #fffacd
RGB: rgb(255, 250, 205)
HSL: hsl(54, 100%, 90%)
Name: LemonChiffon

Color:
HEX: #add8e6
RGB: rgb(173, 216, 230)
HSL: hsl(195, 53%, 79%)
Name: LightBlue

Color:
HEX: #f08080
RGB: rgb(240, 128, 128)
HSL: hsl(0, 79%, 72%)
Name: LightCoral

Color:
HEX: #e0ffff
RGB: rgb(224, 255, 255)
HSL: hsl(180, 100%, 94%)
Name: LightCyan

Color:
HEX: #fafad2
RGB: rgb(250, 250, 210)
HSL: hsl(60, 80%, 90%)
Name: LightGoldenRodYellow

Color:
HEX: #d3d3d3
RGB: rgb(211, 211, 211)
HSL: hsl(0, 0%, 83%)
Name: LightGray

Color:
HEX: #d3d3d3
RGB: rgb(211, 211, 211)
HSL: hsl(0, 0%, 83%)
Name: LightGrey

Color:
HEX: #90ee90
RGB: rgb(144, 238, 144)
HSL: hsl(120, 73%, 75%)
Name: LightGreen

Color:
HEX: #ffb6c1
RGB: rgb(255, 182, 193)
HSL: hsl(351, 100%, 86%)
Name: LightPink

Color:
HEX: #ffa07a
RGB: rgb(255, 160, 122)
HSL: hsl(17, 100%, 74%)
Name: LightSalmon

Color:
HEX: #20b2aa
RGB: rgb(32, 178, 170)
HSL: hsl(177, 70%, 41%)
Name: LightSeaGreen

Color:
HEX: #87cefa
RGB: rgb(135, 206, 250)
HSL: hsl(203, 92%, 75%)
Name: LightSkyBlue

Color:
HEX: #778899
RGB: rgb(119, 136, 153)
HSL: hsl(210, 14%, 53%)
Name: LightSlateGray

Color:
HEX: #778899
RGB: rgb(119, 136, 153)
HSL: hsl(210, 14%, 53%)
Name: LightSlateGrey

Color:
HEX: #b0c4de
RGB: rgb(176, 196, 222)
HSL: hsl(214, 41%, 78%)
Name: LightSteelBlue

Color:
HEX: #ffffe0
RGB: rgb(255, 255, 224)
HSL: hsl(60, 100%, 94%)
Name: LightYellow

Color:
HEX: #00ff00
RGB: rgb(0, 255, 0)
HSL: hsl(120, 100%, 50%)
Name: Lime

Color:
HEX: #32cd32
RGB: rgb(50, 205, 50)
HSL: hsl(120, 61%, 50%)
Name: LimeGreen

Color:
HEX: #faf0e6
RGB: rgb(250, 240, 230)
HSL: hsl(30, 67%, 94%)
Name: Linen

Color:
HEX: #ff00ff
RGB: rgb(255, 0, 255)
HSL: hsl(300, 100%, 50%)
Name: Magenta

Color:
HEX: #800000
RGB: rgb(128, 0, 0)
HSL: hsl(0, 100%, 25%)
Name: Maroon

Color:
HEX: #66cdaa
RGB: rgb(102, 205, 170)
HSL: hsl(160, 51%, 60%)
Name: MediumAquaMarine

Color:
HEX: #0000cd
RGB: rgb(0, 0, 205)
HSL: hsl(240, 100%, 40%)
Name: MediumBlue

Color:
HEX: #ba55d3
RGB: rgb(186, 85, 211)
HSL: hsl(288, 59%, 58%)
Name: MediumOrchid

Color:
HEX: #9370db
RGB: rgb(147, 112, 219)
HSL: hsl(260, 60%, 65%)
Name: MediumPurple

Color:
HEX: #3cb371
RGB: rgb(60, 179, 113)
HSL: hsl(147, 50%, 47%)
Name: MediumSeaGreen

Color:
HEX: #7b68ee
RGB: rgb(123, 104, 238)
HSL: hsl(249, 80%, 67%)
Name: MediumSlateBlue

Color:
HEX: #00fa9a
RGB: rgb(0, 250, 154)
HSL: hsl(157, 100%, 49%)
Name: MediumSpringGreen

Color:
HEX: #48d1cc
RGB: rgb(72, 209, 204)
HSL: hsl(178, 60%, 55%)
Name: MediumTurquoise

Color:
HEX: #c71585
RGB: rgb(199, 21, 133)
HSL: hsl(322, 81%, 43%)
Name: MediumVioletRed

Color:
HEX: #191970
RGB: rgb(25, 25, 112)
HSL: hsl(240, 64%, 27%)
Name: MidnightBlue

Color:
HEX: #f5fffa
RGB: rgb(245, 255, 250)
HSL: hsl(150, 100%, 98%)
Name: MintCream

Color:
HEX: #ffe4e1
RGB: rgb(255, 228, 225)
HSL: hsl(6, 100%, 94%)
Name: MistyRose

Color:
HEX: #ffe4b5
RGB: rgb(255, 228, 181)
HSL: hsl(38, 100%, 85%)
Name: Moccasin

Color:
HEX: #ffdead
RGB: rgb(255, 222, 173)
HSL: hsl(36, 100%, 84%)
Name: NavajoWhite

Color:
HEX: #000080
RGB: rgb(0, 0, 128)
HSL: hsl(240, 100%, 25%)
Name: Navy

Color:
HEX: #fdf5e6
RGB: rgb(253, 245, 230)
HSL: hsl(39, 85%, 95%)
Name: OldLace

Color:
HEX: #808000
RGB: rgb(128, 128, 0)
HSL: hsl(60, 100%, 25%)
Name: Olive

Color:
HEX: #6b8e23
RGB: rgb(107, 142, 35)
HSL: hsl(80, 60%, 35%)
Name: OliveDrab

Color:
HEX: #ffa500
RGB: rgb(255, 165, 0)
HSL: hsl(39, 100%, 50%)
Name: Orange

Color:
HEX: #ff4500
RGB: rgb(255, 69, 0)
HSL: hsl(16, 100%, 50%)
Name: OrangeRed

Color:
HEX: #da70d6
RGB: rgb(218, 112, 214)
HSL: hsl(302, 59%, 65%)
Name: Orchid

Color:
HEX: #eee8aa
RGB: rgb(238, 232, 170)
HSL: hsl(55, 67%, 80%)
Name: PaleGoldenRod

Color:
HEX: #98fb98
RGB: rgb(152, 251, 152)
HSL: hsl(120, 93%, 79%)
Name: PaleGreen

Color:
HEX: #afeeee
RGB: rgb(175, 238, 238)
HSL: hsl(180, 65%, 81%)
Name: PaleTurquoise

Color:
HEX: #db7093
RGB: rgb(219, 112, 147)
HSL: hsl(340, 60%, 65%)
Name: PaleVioletRed

Color:
HEX: #ffefd5
RGB: rgb(255, 239, 213)
HSL: hsl(37, 100%, 92%)
Name: PapayaWhip

Color:
HEX: #ffdab9
RGB: rgb(255, 218, 185)
HSL: hsl(28, 100%, 86%)
Name: PeachPuff

Color:
HEX: #cd853f
RGB: rgb(205, 133, 63)
HSL: hsl(30, 59%, 53%)
Name: Peru

Color:
HEX: #ffc0cb
RGB: rgb(255, 192, 203)
HSL: hsl(350, 100%, 88%)
Name: Pink

Color:
HEX: #dda0dd
RGB: rgb(221, 160, 221)
HSL: hsl(300, 47%, 75%)
Name: Plum

Color:
HEX: #b0e0e6
RGB: rgb(176, 224, 230)
HSL: hsl(187, 52%, 80%)
Name: PowderBlue

Color:
HEX: #800080
RGB: rgb(128, 0, 128)
HSL: hsl(300, 100%, 25%)
Name: Purple

Color:
HEX: #663399
RGB: rgb(102, 51, 153)
HSL: hsl(270, 50%, 40%)
Name: RebeccaPurple

Color:
HEX: #ff0000
RGB: rgb(255, 0, 0)
HSL: hsl(0, 100%, 50%)
Name: Red

Color:
HEX: #bc8f8f
RGB: rgb(188, 143, 143)
HSL: hsl(0, 25%, 65%)
Name: RosyBrown

Color:
HEX: #4169e1
RGB: rgb(65, 105, 225)
HSL: hsl(225, 73%, 57%)
Name: RoyalBlue

Color:
HEX: #8b4513
RGB: rgb(139, 69, 19)
HSL: hsl(25, 76%, 31%)
Name: SaddleBrown

Color:
HEX: #fa8072
RGB: rgb(250, 128, 114)
HSL: hsl(6, 93%, 71%)
Name: Salmon

Color:
HEX: #f4a460
RGB: rgb(244, 164, 96)
HSL: hsl(28, 87%, 67%)
Name: SandyBrown

Color:
HEX: #2e8b57
RGB: rgb(46, 139, 87)
HSL: hsl(146, 50%, 36%)
Name: SeaGreen

Color:
HEX: #fff5ee
RGB: rgb(255, 245, 238)
HSL: hsl(25, 100%, 97%)
Name: SeaShell

Color:
HEX: #a0522d
RGB: rgb(160, 82, 45)
HSL: hsl(19, 56%, 40%)
Name: Sienna

Color:
HEX: #c0c0c0
RGB: rgb(192, 192, 192)
HSL: hsl(0, 0%, 75%)
Name: Silver

Color:
HEX: #87ceeb
RGB: rgb(135, 206, 235)
HSL: hsl(197, 71%, 73%)
Name: SkyBlue

Color:
HEX: #6a5acd
RGB: rgb(106, 90, 205)
HSL: hsl(248, 53%, 58%)
Name: SlateBlue

Color:
HEX: #708090
RGB: rgb(112, 128, 144)
HSL: hsl(210, 13%, 50%)
Name: SlateGray

Color:
HEX: #708090
RGB: rgb(112, 128, 144)
HSL: hsl(210, 13%, 50%)
Name: SlateGrey

Color:
HEX: #fffafa
RGB: rgb(255, 250, 250)
HSL: hsl(0, 100%, 99%)
Name: Snow

Color:
HEX: #00ff7f
RGB: rgb(0, 255, 127)
HSL: hsl(150, 100%, 50%)
Name: SpringGreen

Color:
HEX: #4682b4
RGB: rgb(70, 130, 180)
HSL: hsl(207, 44%, 49%)
Name: SteelBlue

Color:
HEX: #d2b48c
RGB: rgb(210, 180, 140)
HSL: hsl(34, 44%, 69%)
Name: Tan

Color:
HEX: #008080
RGB: rgb(0, 128, 128)
HSL: hsl(180, 100%, 25%)
Name: Teal

Color:
HEX: #d8bfd8
RGB: rgb(216, 191, 216)
HSL: hsl(300, 24%, 80%)
Name: Thistle

Color:
HEX: #ff6347
RGB: rgb(255, 99, 71)
HSL: hsl(9, 100%, 64%)
Name: Tomato

Color:
HEX: #40e0d0
RGB: rgb(64, 224, 208)
HSL: hsl(174, 72%, 56%)
Name: Turquoise

Color:
HEX: #ee82ee
RGB: rgb(238, 130, 238)
HSL: hsl(300, 76%, 72%)
Name: Violet

Color:
HEX: #f5deb3
RGB: rgb(245, 222, 179)
HSL: hsl(39, 77%, 83%)
Name: Wheat

Color:
HEX: #ffffff
RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Name: White

Color:
HEX: #f5f5f5
RGB: rgb(245, 245, 245)
HSL: hsl(0, 0%, 96%)
Name: WhiteSmoke

Color:
HEX: #ffff00
RGB: rgb(255, 255, 0)
HSL: hsl(60, 100%, 50%)
Name: Yellow

Color:
HEX: #9acd32
RGB: rgb(154, 205, 50)
HSL: hsl(80, 61%, 50%)
Name: YellowGreen