Css цвета: HTML CSS Палитра цветов

HTML CSS цвета. Таблица названий HEX, RGB цветов и палитра

HTML CSS цвета

Представленная ниже палитра цветов пригодится при разработке сайта, логотипа или рекламного материала. Палитра представлена в цветовых моделях HEX и RGB. Названия цвета можно также использовать в CSS. Если цвет называется «No name», значит он не имеет названия, но вы можете смело использовать его по номеру. Такие цвета были добавлены нами для полноты палитры и мы активно используем их в работе.

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

IndianRed

#CD5C5C

205, 92, 92

LightCoral

#F08080

240, 128, 128

No name

#FF7373

255, 115, 115

Salmon

#FA8072

250, 128, 114

DarkSalmon

#E9967A

233, 150, 122

LightSalmon

#FA8072

255, 160, 122

Crimson

#DC143C

220, 20, 60

No name

#C32033

195, 32, 51

No name

#DB4C4C

219, 76, 76

No name

#FF4444

255, 68, 68

No name

#FF3030

255, 48, 48

No name

#FF1A1A

255,26,26

Red

#FF0000

255, 0, 0

No name

#CC0000

204, 0, 0

No name

#D81C01

216,28,1

No name

#BD081D

189, 8, 29

FireBrick

#B22222

178, 34, 34

DarkRed

#8B0000

139, 0, 0

Оттенки розового

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

Оттенки фиолетового

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

Оттенки желтого

LightYellow

#FFFFE0

255, 255, 224

LemonChiffon

#FFFACD

255, 250, 205

No name

#FFFF81

255, 255, 129

Yellow

#FFFF00

255, 255, 0

Gold

#FFD700

255, 215, 0

LightGoldenrodYellow

#FAFAD2

250, 250, 210

PapayaWhip

#FFEFD5

255, 239, 213

Moccasin

#FFE4B5

255, 228, 181

PeachPuff

#FFDAB9

255, 218, 185

No name

#FFC55C

255, 197, 92

PaleGoldenrod

#EEE8AA

238, 232, 170

Khaki

#F0E68C

240, 230, 140

Оттенки оранжевого

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

Оттенки зеленого

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

Оттенки синего

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

Оттенки коричневого

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

Silver

#C0C0C0

192, 192, 192

DarkGray

#A9A9A9

169, 169, 169a

Gray

#808080

128, 128, 128

DimGray

#696969

105, 105, 105

LightSlateGray

#778899

119, 136, 153

SlateGray

#708090

112, 128, 144

DarkSlateGray

#2F4F4F

47, 79, 79

Black

#000000

0, 0, 0

Оттенки белого

White

#FFFFFF

173, 255, 47

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

Базовые цвета

White

#FFFFFF

173, 255, 47

Silver

#C0C0C0

192, 192, 192

Gray

#808080

128, 128, 128

Black

#000000

0, 0, 0

Navy

#000080

0, 0, 128

Blue

#0000FF

0, 0, 255

Teal

#008080

0, 128, 128

Aqua

#00FFFF

0, 255, 255

Green

#008000

0, 128, 0

Lime

#00FF00

0, 255, 0

Olive

#808000

128, 128, 0

Yellow

#FFFF00

255, 255, 0

Maroon

#800000

128, 0, 0

Red

#FF0000

255, 0, 0

Fuchsia

#FF00FF

255, 0, 255

Purple

#800080

128, 0, 128

Названия цвета — Справочник CSS

Все современные браузеры поддерживают следующие 140 названий цветов (нажмите на название цвета или шестнадцатеричное значение, чтобы увидеть цвет в качестве цвета фона вместе с различными цветами текста):

Название цвета	HEX	Цвет	Оттенок	Смесь
AliceBlue	#F0F8FF		Оттенок	Смесь
AntiqueWhite	#FAEBD7		Оттенок	Смесь
Aqua	#00FFFF		Оттенок	Смесь
Aquamarine	#7FFFD4		Оттенок	Смесь
Azure	#F0FFFF		Оттенок	Смесь
Beige	#F5F5DC		Оттенок	Смесь
Bisque	#FFE4C4		Оттенок	Смесь
Black	#000000		Оттенок	Смесь
BlanchedAlmond	#FFEBCD		Оттенок	Смесь
Синий	#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		Оттенок	Смесь
DarkGrey	#A9A9A9		Оттенок	Смесь
DarkGreen	#006400		Оттенок	Смесь
DarkKhaki	#BDB76B		Оттенок	Смесь
DarkMagenta	#8B008B		Оттенок	Смесь
DarkOliveGreen	#556B2F		Оттенок	Смесь
DarkOrange	#FF8C00		Оттенок	Смесь
DarkOrchid	#9932CC		Оттенок	Смесь
DarkRed	#8B0000		Оттенок	Смесь
DarkSalmon	#E9967A		Оттенок	Смесь
DarkSeaGreen	#8FBC8F		Оттенок	Смесь
DarkSlateBlue	#483D8B		Оттенок	Смесь
DarkSlateGray	#2F4F4F		Оттенок	Смесь
DarkSlateGrey	#2F4F4F		Оттенок	Смесь
DarkTurquoise	#00CED1		Оттенок	Смесь
DarkViolet	#9400D3		Оттенок	Смесь
DeepPink	#FF1493		Оттенок	Смесь
DeepSkyBlue	#00BFFF		Оттенок	Смесь
DimGray	#696969		Оттенок	Смесь
DimGrey	#696969		Оттенок	Смесь
DodgerBlue	#1E90FF		Оттенок	Смесь
FireBrick	#B22222		Оттенок	Смесь
FloralWhite	#FFFAF0		Оттенок	Смесь
ForestGreen	#228B22		Оттенок	Смесь
Fuchsia	#FF00FF		Оттенок	Смесь
Gainsboro	#DCDCDC		Оттенок	Смесь
GhostWhite	#F8F8FF		Оттенок	Смесь
Gold	#FFD700		Оттенок	Смесь
GoldenRod	#DAA520		Оттенок	Смесь
Gray	#808080		Оттенок	Смесь
Grey	#808080		Оттенок	Смесь
Зеленый	#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		Оттенок	Смесь
LightGray	#D3D3D3		Оттенок	Смесь
LightGrey	#D3D3D3		Оттенок	Смесь
LightGreen	#90EE90		Оттенок	Смесь
LightPink	#FFB6C1		Оттенок	Смесь
LightSalmon	#FFA07A		Оттенок	Смесь
LightSeaGreen	#20B2AA		Оттенок	Смесь
LightSkyBlue	#87CEFA		Оттенок	Смесь
LightSlateGray	#778899		Оттенок	Смесь
LightSlateGrey	#778899		Оттенок	Смесь
LightSteelBlue	#B0C4DE		Оттенок	Смесь
LightYellow	#FFFFE0		Оттенок	Смесь
Lime	#00FF00		Оттенок	Смесь
LimeGreen	#32CD32		Оттенок	Смесь
Linen	#FAF0E6		Оттенок	Смесь
Magenta	#FF00FF		Оттенок	Смесь
Maroon	#800000		Оттенок	Смесь
MediumAquaMarine	#66CDAA		Оттенок	Смесь
MediumBlue	#0000CD		Оттенок	Смесь
MediumOrchid	#BA55D3		Оттенок	Смесь
MediumPurple	#9370DB		Оттенок	Смесь
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	#DB7093		Оттенок	Смесь
PapayaWhip	#FFEFD5		Оттенок	Смесь
PeachPuff	#FFDAB9		Оттенок	Смесь
Peru	#CD853F		Оттенок	Смесь
Pink	#FFC0CB		Оттенок	Смесь
Plum	#DDA0DD		Оттенок	Смесь
PowderBlue	#B0E0E6		Оттенок	Смесь
Purple	#800080		Оттенок	Смесь
RebeccaPurple	#663399		Оттенок	Смесь
Красный	#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		Оттенок	Смесь
SlateGrey	#708090		Оттенок	Смесь
Snow	#FFFAFA		Оттенок	Смесь
SpringGreen	#00FF7F		Оттенок	Смесь
SteelBlue	#4682B4		Оттенок	Смесь
Tan	#D2B48C		Оттенок	Смесь
Teal	#008080		Оттенок	Смесь
Thistle	#D8BFD8		Оттенок	Смесь
Tomato	#FF6347		Оттенок	Смесь
Turquoise	#40E0D0		Оттенок	Смесь
Violet	#EE82EE		Оттенок	Смесь
Wheat	#F5DEB3		Оттенок	Смесь
White	#FFFFFF		Оттенок	Смесь
WhiteSmoke	#F5F5F5		Оттенок	Смесь
Желтый	#FFFF00		Оттенок	Смесь
YellowGreen	#9ACD32		Оттенок	Смесь

Более приятная цветовая палитра для Интернета.

Цвета — более приятная цветовая палитра для Интернета.

Более приятная цветовая палитра для Интернета.

Создание скинов для ваших прототипов стало проще — colors.css — это коллекция классов скинов, которые можно использовать при создании прототипов в браузере. 647B уменьшены и заархивированы.

Военно-морской #001f3f

Синий #0074D9

Аква #7FDBFF

бирюзовый #39CCCC

ФИОЛЕТОВЫЙ #B10DC9

ФУКСИЯ #F012BE

темно-бордовый #85144b

КРАСНЫЙ #FF4136

АПЕЛЬСИН #FF851B

ЖЕЛТЫЙ #FFDC00

ОЛИВКОВЫЙ #3D9970

ЗЕЛЕНЫЙ #2ECC40

ЛАЙМ #01FF70

ЧЕРНЫЙ #111111

СЕРЫЙ #АААААА

СЕРЕБРО #ДДДДДД

БЕЛЫЙ #FFFFFF

Настройте эти цвета Создайте свои собственные значения по умолчанию

Для сравнения

Navy

Blue

Aqua

Тил

Олив.

0082

Orange

Red

Maroon

Fuchsia

Purple

Silver

Gray

White

Black

Включает классы для установки цвета текста и/или границы.

Фиолетовый

Фуксия

Бордовый

Желтый

Оранжевый

Серебристый

  /*
    Используется в сочетании с базовым классом границы
    то есть что-то вроде
    .border { стиль границы: сплошной; ширина границы: 1px; }
  */
  
  .border--aqua {border-color:#7FDBFF;}
  .border--черный {border-color:#000000;}
  .border -- blue { цвет границы:#0074D9;}
  .border--фуксия {border-color:#F012BE;}
  .border--зеленый {border-color:#2ECC40;}
  .border--lime {border-color:#01FF70;}
  .border--бордовый {border-color:#85144B;}
  .border--navy {border-color:#001F3F;}
  .border--olive {border-color:#3D9970;}
  .border -- оранжевый { цвет границы:#FF851B;}
  .border--purple {border-color:#B10DC9;}
  . border--red {граница-цвет:#FF4136;}
  .border--silver {border-color:#DDDDDD;}
  .border--grey {граница-цвет:#AAAAAA;}
  .border--бирюзовый { border-color:#39CCCC;}
  .border--white {border-color:#FFFFFF;}
  .border--желтый {border-color:#FFDC00;}
  
   

Легко установить цвет встроенных элементов SVG, прикрепив класс темы оформления, как показано ниже.

Легко задайте цвет обводки встроенных элементов SVG, прикрепив класс темы оформления, как показано ниже.

Хотите использовать их в проекте?

Источник загрузки Посмотреть на Github

Установить с помощью npm

npm install --save-dev colors.css

Установить gem

gem install clrs

Ссылка на файл в заголовок вашего документа

amazonaws.com/colors-css/2.2.0/colors.min.css">

Хотите использовать эти цвета в Photoshop, Illustrator, Gimp или Inkscape? Загрузите один из этих образцов.

colors-css.aco (Photoshop) colors-css.ase (Illustrator) colors-css.gpl (Gimp/Inkscape)

Используйте цвета ответственно Посмотрите эти 90 примеров A11Y соответствующие сочетания цветов.

Группы, палитры, факты и развлечения

На этой странице представлены ресурсы для работы с цветами имен CSS. Он содержит группы именованных цветов, палитры, избранное и даже забавные факты.

• 23 января 2023 г.
• CSS, дизайн, разработка

Знаете ли вы, что в CSS есть именованные цвета? Да, вы, вероятно, знакомы с понятиями «белый» или «черный». Но знаете ли вы, что существует 148 ключевых слов с названием цвета?

Некоторые из них глупые, некоторые обычные, а некоторые совершенно бесполезные. Кто подумает: «Знаешь, какой цвет нам здесь нужен? Чертов бланшированный миндаль!»

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

• Организовано по группам
  • Красные
  • Апельсины
  • Желтые
  • Зелень
  • Блюз
  • Пурпурный
  • Браунс
  • Серые
• Мои любимые цвета
• Цветовые палитры
  • Жирный
  • Пастель
  • Неон
  • Пурпс
  • Синтвейв
• Бессмысленные факты
• Цвета, от которых я голоден
• Цвета, переживающие кризис идентичности
• Имена для экзотических танцоров
• Имена для ниндзя

Именованные цвета CSS, организованные по группам

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

Красные

• коричневый
• малиновый
• темно-красный
• темно-розовый
• огнеупорный кирпич
• ярко-розовый
• индийский красный
• лавандовый румянец
• светлокоралловый
• светло-розовый
• темно-бордовый
• туманная роза
• бледно-фиолетово-красный
• розовый
• красный

Апельсины

• суп
• коралл
• темно-оранжевый
• темно-лососевый
• светлый лосось
• апельсин
• Оранжево-красный
• папайяхлыст
• персиковый слой
• лосось
• помидор

Желтые

• бежевый
• кукурузные рыльца
• темный золотарник
• темно-хаки
• золото
• золотарник
• хаки
• лимонный шифон
• светло-золотистыйжелтый
• светло-желтого
• бледный золотарник
• желтый

Зелень

• Аквамарин
• шартрез
• темно-зеленый
• темно-оливково-зеленый
• темно-зеленый
• темно-сланцево-серый
• темно-сланцево-серый
• зеленый лес
• зеленый
• желто-зеленый
• нектар
• газон
• светло-зеленый
• светло-зеленый
• лайм
• лаймовый
• средний аквамарин
• средний
• средний весенне-зеленый
• оливковое
• оливково-серый
• бледно-зеленый
• цвет морской волны
• весенне-зеленый
• чирок
• желто-зеленый

Блюз

• алисаблю
• цвет морской волны
• лазурь
• синий
• кадетский синий
• васильковый
• голубой
• темно-синий
• темно-голубой
• темно-бирюзовый
• глубокий небесно-голубой
• доджерблю
• светло-синий
• светло-голубой
• светло-голубой
• светло-стальной синий
• средне-синий
• среднийбирюзовый
• темно-синий
• военно-морской
• бледно-бирюзовый
• пудрово-синий
• Королевский синий
• голубое небо
• стальной синий
• бирюзовый

Пурпурный

• сине-фиолетовый
• темно-пурпурный
• темная орхидея
• темно-синий
• темно-фиолетовый
• фуксия
• индиго
• лаванда
• пурпурный
• средняя орхидея
• среднефиолетовый
• средний шиферсиний
• среднефиолетовыйкрасный
• орхидея
• слива
• фиолетовый
• ребеккапурпл
• сланцево-синий
• чертополох
• фиолетовый

Браунс

• античныйбелый
• бланшированный миндаль
• бурливуд
• шоколад
• шерсть
• мокасины
• навахобелый
• старое кружево
• Перу
• розово-коричневый
• седельно-коричневый
• песочно-коричневый
• охра
• загар
• пшеница

Серые (или серые)

• черный
• темно-серый
• темно-серый
• тускло-серый
• тускло-серый
• в цветочекбелый
• Гейнсборо
• белый
• серый
• серый
• слоновая кость
• светло-серый
• светло-серый
• светло-сланцево-серый
• светло-сланцевыйсерый
• мятный крем
• морская ракушка
• серебро
• шифер серый
• сланцево-серый
• снег
• белый
• белый дым

Мои любимые именованные цвета CSS

• цвет морской волны
• Аквамарин
• черный
• синий
• сине-фиолетовый
• шартрез
• коралл
• васильковый
• малиновый
• темно-пурпурный
• темная орхидея
• темно-бирюзовый
• темно-фиолетовый
• темно-розовый
• глубокий небесно-голубой
• доджерблю
• фуксия
• золото
• желто-зеленый
• ярко-розовый
• индиго
• лаванда
• газон
• светло-синий
• светлокоралловый
• светло-зеленый
• светло-розовый
• светлый лосось
• светло-зеленый
• светло-голубой
• лайм
• лаймовый
• пурпурный
• средний аквамарин
• средне-синий
• средняя орхидея
• среднефиолетовый
• средний
• средний шиферсиний
• средний весенне-зеленый
• среднийбирюзовый
• среднефиолетовыйкрасный
• Оранжево-красный
• орхидея
• бледно-зеленый
• бледно-фиолетово-красный
• слива
• пудрово-синий
• ребеккапурпл
• Королевский синий
• цвет морской волны
• голубое небо
• сланцево-синий
• весенне-зеленый
• стальной синий
• чирок
• помидор
• бирюзовый
• фиолетовый
• белый дым
• желто-зеленый

Крутые палитры, созданные с помощью именованных цветов CSS

Просто иметь кучу цветов на выбор не всегда полезно. Мне нравятся палетки, которые облегчают мне жизнь. Я большой поклонник неоновых, пастельных и фиолетовых оттенков, но вряд ли я талантливый дизайнер, так что вот. Пожалуйста, дайте мне знать, если у вас есть что добавить. 🙂

Жирный

• помидор
• темно-фиолетовый
• темно-розовый
• темно-синий
• золото
• желто-зеленый

Пастель

• фиолетовый
• светло-голубой
• золото
• светлый лосось
• среднефиолетовый
• бледно-зеленый

Неон

• сине-фиолетовый
• фуксия
• красный
• цвет морской волны
• шартрез
• желтый

Purps

• темно-синий
• индиго
• фуксия
• фиолетовый
• лаванда

Синтвейв

• темно-синий
• индиго
• темно-синий
• фуксия
• темно-розовый
• темно-оранжевый

Бессмысленные факты о именованных цветах CSS

Цвета «голубой» и «голубой» имеют одинаковое шестнадцатеричное значение ( # 00ffff ). Как и «фуксия» и «маджента» ( #ff00ff ).

«красный» соответствует #ff0000 . Прохладный!
«синий» соответствует #0000ff . Имеет смысл!
«зеленый» соответствует #008800 . ВТФ!?
Для #00ff00 вам нужно использовать «лайм».
(Должны ли мы изменить RGB на RLB?)

Кажется, они не могли решить, как следует писать «серый» или «серый», поэтому они выбрали оба варианта:

• серый/серый
• темно-серый/темно-серый
• сланцево-серый/сланцево-серый
• темно-сланцево-серый/темно-сланцево-серый
• темно-серый/темно-серый
• светло-сланцево-серый/светло-сланцево-серый
• светло-серый/светло-серый

«серый» темнее «темно-серого» (что вообще не имеет смысла):
«тускло-серый» > «серый» > «темно-серый» > «светло-серый»

Существует четыре различных варианта «золотисторода», но только «светло-золотистыйжелтый» явно включает «желтый».

Зеленые представлены больше всего (26), а апельсины — меньше всего (11). Однако это субъективно из-за того, что я сузил категории до 7 различных цветов. Многие цвета находятся между двумя вариантами и могут быть любыми. И цвета будут выглядеть по-разному в разных браузерах, устройствах, яркости, чёрт возьми, даже при наклоне экрана.

И последний, не столь бессмысленный факт: цвет « rebeccapurple » был добавлен в спецификацию CSS в 2014 году как дань уважения жизни Ребекки Элисон Мейер, дочери Эрика Мейера.

Названные в CSS цвета, вызывающие чувство голода

• бирюзовый
• бланшированный миндаль
• шоколад
• темно-оливково-зеленый
• темно-оранжевый
• темно-лососевый
• медвяная роса
• светлый лосось
• известь
• салатовый
• мятный крем
• оливковое
• оливково-красный
• оранжевый
• оранжево-красный
• папайя
• персиковый слой
• слива
• лосось
• помидор
• пшеница

Именованные в CSS цвета с кризисом идентичности

«коричневый» — определенно красный.