Таблица именованных HTML/CSS цветов (HEX, RGB, HSL) - TheGlitchy.com

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

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

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

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

Цвет:
HEX: #f0f8ff
RGB: rgb(240, 248, 255)
HSL: hsl(208, 100%, 97%)
Название: AliceBlue

Цвет:
HEX: #faebd7
RGB: rgb(250, 235, 215)
HSL: hsl(34, 78%, 91%)
Название: AntiqueWhite

Цвет:
HEX: #00ffff
RGB: rgb(0, 255, 255)
HSL: hsl(180, 100%, 50%)
Название: Aqua

Цвет:
HEX: #7fffd4
RGB: rgb(127, 255, 212)
HSL: hsl(160, 100%, 75%)
Название: Aquamarine

Цвет:
HEX: #f0ffff
RGB: rgb(240, 255, 255)
HSL: hsl(180, 100%, 97%)
Название: Azure

Цвет:
HEX: #f5f5dc
RGB: rgb(245, 245, 220)
HSL: hsl(60, 56%, 91%)
Название: Beige

Цвет:
HEX: #ffe4c4
RGB: rgb(255, 228, 196)
HSL: hsl(33, 100%, 88%)
Название: Bisque

Цвет:
HEX: #000000
RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
Название: Black

Цвет:
HEX: #ffebcd
RGB: rgb(255, 235, 205)
HSL: hsl(36, 100%, 90%)
Название: BlanchedAlmond

Цвет:
HEX: #0000ff
RGB: rgb(0, 0, 255)
HSL: hsl(240, 100%, 50%)
Название: Blue

Цвет:
HEX: #8a2be2
RGB: rgb(138, 43, 226)
HSL: hsl(271, 76%, 53%)
Название: BlueViolet

Цвет:
HEX: #a52a2a
RGB: rgb(165, 42, 42)
HSL: hsl(0, 59%, 41%)
Название: Brown

Цвет:
HEX: #deb887
RGB: rgb(222, 184, 135)
HSL: hsl(34, 57%, 70%)
Название: BurlyWood

Цвет:
HEX: #5f9ea0
RGB: rgb(95, 158, 160)
HSL: hsl(182, 25%, 50%)
Название: CadetBlue

Цвет:
HEX: #7fff00
RGB: rgb(127, 255, 0)
HSL: hsl(90, 100%, 50%)
Название: Chartreuse

Цвет:
HEX: #d2691e
RGB: rgb(210, 105, 30)
HSL: hsl(25, 75%, 47%)
Название: Chocolate

Цвет:
HEX: #ff7f50
RGB: rgb(255, 127, 80)
HSL: hsl(16, 100%, 66%)
Название: Coral

Цвет:
HEX: #6495ed
RGB: rgb(100, 149, 237)
HSL: hsl(219, 79%, 66%)
Название: CornflowerBlue

Цвет:
HEX: #fff8dc
RGB: rgb(255, 248, 220)
HSL: hsl(48, 100%, 93%)
Название: Cornsilk

Цвет:
HEX: #dc143c
RGB: rgb(220, 20, 60)
HSL: hsl(348, 83%, 47%)
Название: Crimson

Цвет:
HEX: #00ffff
RGB: rgb(0, 255, 255)
HSL: hsl(180, 100%, 50%)
Название: Cyan

Цвет:
HEX: #00008b
RGB: rgb(0, 0, 139)
HSL: hsl(240, 100%, 27%)
Название: DarkBlue

Цвет:
HEX: #008b8b
RGB: rgb(0, 139, 139)
HSL: hsl(180, 100%, 27%)
Название: DarkCyan

Цвет:
HEX: #b8860b
RGB: rgb(184, 134, 11)
HSL: hsl(43, 89%, 38%)
Название: DarkGoldenRod

Цвет:
HEX: #a9a9a9
RGB: rgb(169, 169, 169)
HSL: hsl(0, 0%, 66%)
Название: DarkGray

Цвет:
HEX: #a9a9a9
RGB: rgb(169, 169, 169)
HSL: hsl(0, 0%, 66%)
Название: DarkGrey

Цвет:
HEX: #006400
RGB: rgb(0, 100, 0)
HSL: hsl(120, 100%, 20%)
Название: DarkGreen

Цвет:
HEX: #bdb76b
RGB: rgb(189, 183, 107)
HSL: hsl(56, 38%, 58%)
Название: DarkKhaki

Цвет:
HEX: #8b008b
RGB: rgb(139, 0, 139)
HSL: hsl(300, 100%, 27%)
Название: DarkMagenta

Цвет:
HEX: #556b2f
RGB: rgb(85, 107, 47)
HSL: hsl(82, 39%, 30%)
Название: DarkOliveGreen

Цвет:
HEX: #ff8c00
RGB: rgb(255, 140, 0)
HSL: hsl(33, 100%, 50%)
Название: DarkOrange

Цвет:
HEX: #9932cc
RGB: rgb(153, 50, 204)
HSL: hsl(280, 61%, 50%)
Название: DarkOrchid

Цвет:
HEX: #8b0000
RGB: rgb(139, 0, 0)
HSL: hsl(0, 100%, 27%)
Название: DarkRed

Цвет:
HEX: #e9967a
RGB: rgb(233, 150, 122)
HSL: hsl(15, 72%, 70%)
Название: DarkSalmon

Цвет:
HEX: #8fbc8f
RGB: rgb(143, 188, 143)
HSL: hsl(120, 25%, 65%)
Название: DarkSeaGreen

Цвет:
HEX: #483d8b
RGB: rgb(72, 61, 139)
HSL: hsl(248, 39%, 39%)
Название: DarkSlateBlue

Цвет:
HEX: #2f4f4f
RGB: rgb(47, 79, 79)
HSL: hsl(180, 25%, 25%)
Название: DarkSlateGray

Цвет:
HEX: #2f4f4f
RGB: rgb(47, 79, 79)
HSL: hsl(180, 25%, 25%)
Название: DarkSlateGrey

Цвет:
HEX: #00ced1
RGB: rgb(0, 206, 209)
HSL: hsl(181, 100%, 41%)
Название: DarkTurquoise

Цвет:
HEX: #9400d3
RGB: rgb(148, 0, 211)
HSL: hsl(282, 100%, 41%)
Название: DarkViolet

Цвет:
HEX: #ff1493
RGB: rgb(255, 20, 147)
HSL: hsl(328, 100%, 54%)
Название: DeepPink

Цвет:
HEX: #00bfff
RGB: rgb(0, 191, 255)
HSL: hsl(195, 100%, 50%)
Название: DeepSkyBlue

Цвет:
HEX: #696969
RGB: rgb(105, 105, 105)
HSL: hsl(0, 0%, 41%)
Название: DimGray

Цвет:
HEX: #696969
RGB: rgb(105, 105, 105)
HSL: hsl(0, 0%, 41%)
Название: DimGrey

Цвет:
HEX: #1e90ff
RGB: rgb(30, 144, 255)
HSL: hsl(210, 100%, 56%)
Название: DodgerBlue

Цвет:
HEX: #b22222
RGB: rgb(178, 34, 34)
HSL: hsl(0, 68%, 42%)
Название: FireBrick

Цвет:
HEX: #fffaf0
RGB: rgb(255, 250, 240)
HSL: hsl(40, 100%, 97%)
Название: FloralWhite

Цвет:
HEX: #228b22
RGB: rgb(34, 139, 34)
HSL: hsl(120, 61%, 34%)
Название: ForestGreen

Цвет:
HEX: #ff00ff
RGB: rgb(255, 0, 255)
HSL: hsl(300, 100%, 50%)
Название: Fuchsia

Цвет:
HEX: #dcdcdc
RGB: rgb(220, 220, 220)
HSL: hsl(0, 0%, 86%)
Название: Gainsboro

Цвет:
HEX: #f8f8ff
RGB: rgb(248, 248, 255)
HSL: hsl(240, 100%, 99%)
Название: GhostWhite

Цвет:
HEX: #ffd700
RGB: rgb(255, 215, 0)
HSL: hsl(51, 100%, 50%)
Название: Gold

Цвет:
HEX: #daa520
RGB: rgb(218, 165, 32)
HSL: hsl(43, 74%, 49%)
Название: GoldenRod

Цвет:
HEX: #808080
RGB: rgb(128, 128, 128)
HSL: hsl(0, 0%, 50%)
Название: Gray

Цвет:
HEX: #808080
RGB: rgb(128, 128, 128)
HSL: hsl(0, 0%, 50%)
Название: Grey

Цвет:
HEX: #008000
RGB: rgb(0, 128, 0)
HSL: hsl(120, 100%, 25%)
Название: Green

Цвет:
HEX: #adff2f
RGB: rgb(173, 255, 47)
HSL: hsl(84, 100%, 59%)
Название: GreenYellow

Цвет:
HEX: #f0fff0
RGB: rgb(240, 255, 240)
HSL: hsl(120, 100%, 97%)
Название: HoneyDew

Цвет:
HEX: #ff69b4
RGB: rgb(255, 105, 180)
HSL: hsl(330, 100%, 71%)
Название: HotPink

Цвет:
HEX: #cd5c5c
RGB: rgb(205, 92, 92)
HSL: hsl(0, 53%, 58%)
Название: IndianRed

Цвет:
HEX: #4b0082
RGB: rgb(75, 0, 130)
HSL: hsl(275, 100%, 25%)
Название: Indigo

Цвет:
HEX: #fffff0
RGB: rgb(255, 255, 240)
HSL: hsl(60, 100%, 97%)
Название: Ivory

Цвет:
HEX: #f0e68c
RGB: rgb(240, 230, 140)
HSL: hsl(54, 77%, 75%)
Название: Khaki

Цвет:
HEX: #e6e6fa
RGB: rgb(230, 230, 250)
HSL: hsl(240, 67%, 94%)
Название: Lavender

Цвет:
HEX: #fff0f5
RGB: rgb(255, 240, 245)
HSL: hsl(340, 100%, 97%)
Название: LavenderBlush

Цвет:
HEX: #7cfc00
RGB: rgb(124, 252, 0)
HSL: hsl(90, 100%, 49%)
Название: LawnGreen

Цвет:
HEX: #fffacd
RGB: rgb(255, 250, 205)
HSL: hsl(54, 100%, 90%)
Название: LemonChiffon

Цвет:
HEX: #add8e6
RGB: rgb(173, 216, 230)
HSL: hsl(195, 53%, 79%)
Название: LightBlue

Цвет:
HEX: #f08080
RGB: rgb(240, 128, 128)
HSL: hsl(0, 79%, 72%)
Название: LightCoral

Цвет:
HEX: #e0ffff
RGB: rgb(224, 255, 255)
HSL: hsl(180, 100%, 94%)
Название: LightCyan

Цвет:
HEX: #fafad2
RGB: rgb(250, 250, 210)
HSL: hsl(60, 80%, 90%)
Название: LightGoldenRodYellow

Цвет:
HEX: #d3d3d3
RGB: rgb(211, 211, 211)
HSL: hsl(0, 0%, 83%)
Название: LightGray

Цвет:
HEX: #d3d3d3
RGB: rgb(211, 211, 211)
HSL: hsl(0, 0%, 83%)
Название: LightGrey

Цвет:
HEX: #90ee90
RGB: rgb(144, 238, 144)
HSL: hsl(120, 73%, 75%)
Название: LightGreen

Цвет:
HEX: #ffb6c1
RGB: rgb(255, 182, 193)
HSL: hsl(351, 100%, 86%)
Название: LightPink

Цвет:
HEX: #ffa07a
RGB: rgb(255, 160, 122)
HSL: hsl(17, 100%, 74%)
Название: LightSalmon

Цвет:
HEX: #20b2aa
RGB: rgb(32, 178, 170)
HSL: hsl(177, 70%, 41%)
Название: LightSeaGreen

Цвет:
HEX: #87cefa
RGB: rgb(135, 206, 250)
HSL: hsl(203, 92%, 75%)
Название: LightSkyBlue

Цвет:
HEX: #778899
RGB: rgb(119, 136, 153)
HSL: hsl(210, 14%, 53%)
Название: LightSlateGray

Цвет:
HEX: #778899
RGB: rgb(119, 136, 153)
HSL: hsl(210, 14%, 53%)
Название: LightSlateGrey

Цвет:
HEX: #b0c4de
RGB: rgb(176, 196, 222)
HSL: hsl(214, 41%, 78%)
Название: LightSteelBlue

Цвет:
HEX: #ffffe0
RGB: rgb(255, 255, 224)
HSL: hsl(60, 100%, 94%)
Название: LightYellow

Цвет:
HEX: #00ff00
RGB: rgb(0, 255, 0)
HSL: hsl(120, 100%, 50%)
Название: Lime

Цвет:
HEX: #32cd32
RGB: rgb(50, 205, 50)
HSL: hsl(120, 61%, 50%)
Название: LimeGreen

Цвет:
HEX: #faf0e6
RGB: rgb(250, 240, 230)
HSL: hsl(30, 67%, 94%)
Название: Linen

Цвет:
HEX: #ff00ff
RGB: rgb(255, 0, 255)
HSL: hsl(300, 100%, 50%)
Название: Magenta

Цвет:
HEX: #800000
RGB: rgb(128, 0, 0)
HSL: hsl(0, 100%, 25%)
Название: Maroon

Цвет:
HEX: #66cdaa
RGB: rgb(102, 205, 170)
HSL: hsl(160, 51%, 60%)
Название: MediumAquaMarine

Цвет:
HEX: #0000cd
RGB: rgb(0, 0, 205)
HSL: hsl(240, 100%, 40%)
Название: MediumBlue

Цвет:
HEX: #ba55d3
RGB: rgb(186, 85, 211)
HSL: hsl(288, 59%, 58%)
Название: MediumOrchid

Цвет:
HEX: #9370db
RGB: rgb(147, 112, 219)
HSL: hsl(260, 60%, 65%)
Название: MediumPurple

Цвет:
HEX: #3cb371
RGB: rgb(60, 179, 113)
HSL: hsl(147, 50%, 47%)
Название: MediumSeaGreen

Цвет:
HEX: #7b68ee
RGB: rgb(123, 104, 238)
HSL: hsl(249, 80%, 67%)
Название: MediumSlateBlue

Цвет:
HEX: #00fa9a
RGB: rgb(0, 250, 154)
HSL: hsl(157, 100%, 49%)
Название: MediumSpringGreen

Цвет:
HEX: #48d1cc
RGB: rgb(72, 209, 204)
HSL: hsl(178, 60%, 55%)
Название: MediumTurquoise

Цвет:
HEX: #c71585
RGB: rgb(199, 21, 133)
HSL: hsl(322, 81%, 43%)
Название: MediumVioletRed

Цвет:
HEX: #191970
RGB: rgb(25, 25, 112)
HSL: hsl(240, 64%, 27%)
Название: MidnightBlue

Цвет:
HEX: #f5fffa
RGB: rgb(245, 255, 250)
HSL: hsl(150, 100%, 98%)
Название: MintCream

Цвет:
HEX: #ffe4e1
RGB: rgb(255, 228, 225)
HSL: hsl(6, 100%, 94%)
Название: MistyRose

Цвет:
HEX: #ffe4b5
RGB: rgb(255, 228, 181)
HSL: hsl(38, 100%, 85%)
Название: Moccasin

Цвет:
HEX: #ffdead
RGB: rgb(255, 222, 173)
HSL: hsl(36, 100%, 84%)
Название: NavajoWhite

Цвет:
HEX: #000080
RGB: rgb(0, 0, 128)
HSL: hsl(240, 100%, 25%)
Название: Navy

Цвет:
HEX: #fdf5e6
RGB: rgb(253, 245, 230)
HSL: hsl(39, 85%, 95%)
Название: OldLace

Цвет:
HEX: #808000
RGB: rgb(128, 128, 0)
HSL: hsl(60, 100%, 25%)
Название: Olive

Цвет:
HEX: #6b8e23
RGB: rgb(107, 142, 35)
HSL: hsl(80, 60%, 35%)
Название: OliveDrab

Цвет:
HEX: #ffa500
RGB: rgb(255, 165, 0)
HSL: hsl(39, 100%, 50%)
Название: Orange

Цвет:
HEX: #ff4500
RGB: rgb(255, 69, 0)
HSL: hsl(16, 100%, 50%)
Название: OrangeRed

Цвет:
HEX: #da70d6
RGB: rgb(218, 112, 214)
HSL: hsl(302, 59%, 65%)
Название: Orchid

Цвет:
HEX: #eee8aa
RGB: rgb(238, 232, 170)
HSL: hsl(55, 67%, 80%)
Название: PaleGoldenRod

Цвет:
HEX: #98fb98
RGB: rgb(152, 251, 152)
HSL: hsl(120, 93%, 79%)
Название: PaleGreen

Цвет:
HEX: #afeeee
RGB: rgb(175, 238, 238)
HSL: hsl(180, 65%, 81%)
Название: PaleTurquoise

Цвет:
HEX: #db7093
RGB: rgb(219, 112, 147)
HSL: hsl(340, 60%, 65%)
Название: PaleVioletRed

Цвет:
HEX: #ffefd5
RGB: rgb(255, 239, 213)
HSL: hsl(37, 100%, 92%)
Название: PapayaWhip

Цвет:
HEX: #ffdab9
RGB: rgb(255, 218, 185)
HSL: hsl(28, 100%, 86%)
Название: PeachPuff

Цвет:
HEX: #cd853f
RGB: rgb(205, 133, 63)
HSL: hsl(30, 59%, 53%)
Название: Peru

Цвет:
HEX: #ffc0cb
RGB: rgb(255, 192, 203)
HSL: hsl(350, 100%, 88%)
Название: Pink

Цвет:
HEX: #dda0dd
RGB: rgb(221, 160, 221)
HSL: hsl(300, 47%, 75%)
Название: Plum

Цвет:
HEX: #b0e0e6
RGB: rgb(176, 224, 230)
HSL: hsl(187, 52%, 80%)
Название: PowderBlue

Цвет:
HEX: #800080
RGB: rgb(128, 0, 128)
HSL: hsl(300, 100%, 25%)
Название: Purple

Цвет:
HEX: #663399
RGB: rgb(102, 51, 153)
HSL: hsl(270, 50%, 40%)
Название: RebeccaPurple

Цвет:
HEX: #ff0000
RGB: rgb(255, 0, 0)
HSL: hsl(0, 100%, 50%)
Название: Red

Цвет:
HEX: #bc8f8f
RGB: rgb(188, 143, 143)
HSL: hsl(0, 25%, 65%)
Название: RosyBrown

Цвет:
HEX: #4169e1
RGB: rgb(65, 105, 225)
HSL: hsl(225, 73%, 57%)
Название: RoyalBlue

Цвет:
HEX: #8b4513
RGB: rgb(139, 69, 19)
HSL: hsl(25, 76%, 31%)
Название: SaddleBrown

Цвет:
HEX: #fa8072
RGB: rgb(250, 128, 114)
HSL: hsl(6, 93%, 71%)
Название: Salmon

Цвет:
HEX: #f4a460
RGB: rgb(244, 164, 96)
HSL: hsl(28, 87%, 67%)
Название: SandyBrown

Цвет:
HEX: #2e8b57
RGB: rgb(46, 139, 87)
HSL: hsl(146, 50%, 36%)
Название: SeaGreen

Цвет:
HEX: #fff5ee
RGB: rgb(255, 245, 238)
HSL: hsl(25, 100%, 97%)
Название: SeaShell

Цвет:
HEX: #a0522d
RGB: rgb(160, 82, 45)
HSL: hsl(19, 56%, 40%)
Название: Sienna

Цвет:
HEX: #c0c0c0
RGB: rgb(192, 192, 192)
HSL: hsl(0, 0%, 75%)
Название: Silver

Цвет:
HEX: #87ceeb
RGB: rgb(135, 206, 235)
HSL: hsl(197, 71%, 73%)
Название: SkyBlue

Цвет:
HEX: #6a5acd
RGB: rgb(106, 90, 205)
HSL: hsl(248, 53%, 58%)
Название: SlateBlue

Цвет:
HEX: #708090
RGB: rgb(112, 128, 144)
HSL: hsl(210, 13%, 50%)
Название: SlateGray

Цвет:
HEX: #708090
RGB: rgb(112, 128, 144)
HSL: hsl(210, 13%, 50%)
Название: SlateGrey

Цвет:
HEX: #fffafa
RGB: rgb(255, 250, 250)
HSL: hsl(0, 100%, 99%)
Название: Snow

Цвет:
HEX: #00ff7f
RGB: rgb(0, 255, 127)
HSL: hsl(150, 100%, 50%)
Название: SpringGreen

Цвет:
HEX: #4682b4
RGB: rgb(70, 130, 180)
HSL: hsl(207, 44%, 49%)
Название: SteelBlue

Цвет:
HEX: #d2b48c
RGB: rgb(210, 180, 140)
HSL: hsl(34, 44%, 69%)
Название: Tan

Цвет:
HEX: #008080
RGB: rgb(0, 128, 128)
HSL: hsl(180, 100%, 25%)
Название: Teal

Цвет:
HEX: #d8bfd8
RGB: rgb(216, 191, 216)
HSL: hsl(300, 24%, 80%)
Название: Thistle

Цвет:
HEX: #ff6347
RGB: rgb(255, 99, 71)
HSL: hsl(9, 100%, 64%)
Название: Tomato

Цвет:
HEX: #40e0d0
RGB: rgb(64, 224, 208)
HSL: hsl(174, 72%, 56%)
Название: Turquoise

Цвет:
HEX: #ee82ee
RGB: rgb(238, 130, 238)
HSL: hsl(300, 76%, 72%)
Название: Violet

Цвет:
HEX: #f5deb3
RGB: rgb(245, 222, 179)
HSL: hsl(39, 77%, 83%)
Название: Wheat

Цвет:
HEX: #ffffff
RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Название: White

Цвет:
HEX: #f5f5f5
RGB: rgb(245, 245, 245)
HSL: hsl(0, 0%, 96%)
Название: WhiteSmoke

Цвет:
HEX: #ffff00
RGB: rgb(255, 255, 0)
HSL: hsl(60, 100%, 50%)
Название: Yellow

Цвет:
HEX: #9acd32
RGB: rgb(154, 205, 50)
HSL: hsl(80, 61%, 50%)
Название: YellowGreen

Наверх