Цвета HTML. Таблица из 147 имён цветов для HTML и CSS — ColorScheme.Ru

ColorScheme

· Инструмент для подбора цветов и генерации цветовых схем ·

Цветовой Круг Онлайн ⇒

Карта СайтаНазвания ЦветовЦвета АвтомобилейИмена цветов в HTMLКонвертер Цветов

На данной странице представлены специальные ключевые слова, которые можно применять для обозначения того или иного цвета на интернет сайтах, и при разработке на языках программирования для Web, таких как HTML, CSS, JavaScript, Flash, и др.

В ранних спецификациях W3C было определено всего 16 ключевых цветов. В более поздних спецификациях дополнительно было определено ещё 130 различных названий цветов. Следующая таблица содержит имена, и образцы цветов, которые ассоциируются с этими именами.

Таблица HTML цветов

Имена цветов в HTML не чувствительны к регистру, и могут записываться в любой форме

Также стоит отметить, что имея 147 различных ключевых слов (17 старых и 130 новых), не все цвета в этом списке уникальны. Некоторые имена обозначают один и тот же цвет. Так, например, и Grey, и Gray обозначают 50-процентный серый цвет #808080, а Magenta — это лишь синоним HTML цвета Fuchsia, и ссылается на шестнадцатеричный код цвета #FF00FF.

HTML Имя Цвета HEX RGB Красные тона: IndianRed #CD5C5C 205, 92, 92 LightCoral #F08080 240, 128, 128 Salmon #FA8072 250, 128, 114 DarkSalmon #E9967A 233, 150, 122 LightSalmon #FFA07A 255, 160, 122 Crimson #DC143C 220, 20, 60 Red #FF0000 255, 0, 0 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 Оранжевые тона: 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 Жёлтые тона: Gold #FFD700 255, 215, 0 Yellow #FFFF00 255, 255, 0 LightYellow #FFFFE0 255, 255, 224 LemonChiffon #FFFACD 255, 250, 205 LightGoldenrodYellow #FAFAD2 250, 250, 210 PapayaWhip #FFEFD5 255, 239, 213 Moccasin #FFE4B5 255, 228, 181 PeachPuff #FFDAB9 255, 218, 185 PaleGoldenrod #EEE8AA 238, 232, 170 Khaki #F0E68C 240, 230, 140 DarkKhaki #BDB76B 189, 183, 107 Фиолетовые тона: 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 Коричневые тона: 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 Основные цвета: Black #000000 0, 0, 0 Gray #808080 128, 128, 128 Silver #C0C0C0 192, 192, 192 White #FFFFFF 255, 255, 255 Fuchsia #FF00FF 255, 0, 255 Purple #800080 128, 0, 128 Red #FF0000 255, 0, 0 Maroon #800000 128, 0, 0 Yellow #FFFF00 255, 255, 0 Olive #808000 128, 128, 0 Lime #00FF00 0, 255, 0 Green #008000 0, 128, 0 Aqua #00FFFF 0, 255, 255 Teal #008080 0, 128, 128 Blue #0000FF 0, 0, 255 Navy #000080 0, 0, 128

HTML Имя Цвета HEX RGB Зелёные тона: 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 Белые тона: White #FFFFFF 255, 255, 255 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 Серые тона: Gainsboro #DCDCDC 220, 220, 220 LightGrey #D3D3D3 211, 211, 211 LightGray #D3D3D3 211, 211, 211 Silver #C0C0C0 192, 192, 192 DarkGray #A9A9A9 169, 169, 169 DarkGrey #A9A9A9 169, 169, 169 Gray #808080 128, 128, 128 Grey #808080 128, 128, 128 DimGray #696969 105, 105, 105 DimGrey #696969 105, 105, 105 LightSlateGray #778899 119, 136, 153 LightSlateGrey #778899 119, 136, 153 SlateGray #708090 112, 128, 144 SlateGrey #708090 112, 128, 144 DarkSlateGray #2F4F4F 47, 79, 79 DarkSlateGrey #2F4F4F 47, 79, 79 Black #000000 0, 0, 0

Цвета Pantone — Онлайн каталог Pantone.

Таблица Пантонов по CMYK и RGB — ColorScheme.Ru

ColorScheme

· Инструмент для подбора цветов и генерации цветовых схем ·

Цветовой Круг Онлайн ⇒

Карта СайтаНазвания ЦветовЦвета АвтомобилейИмена цветов в HTMLКонвертер Цветов

Цветовая модель Пантон, система Pantone Matching System — это широко используемая стандартизованная система идентификации и подбора цвета, общепризнанный международный стандарт в издательском деле и офсетном производстве.

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

Цвет в каталога Pantone — нанесённая в один прокат готовая краска, предварительно смешанная из базовых цветов в точно заданной пропорции.

В таблице представлен Pantone Color Bridge Coated Process. Данный каталог цветов содержит лишь ближайшие CMYK и RGB аналоги к смесевым цветам. Далеко не каждый цвет из палитры Pantone возможно передать триадными красками, — цветовой диапазон смесевых цветов Pantone гораздо шире, чем у триадных красок CMYK.

• Номер цвета:

• Страница 1
• <
• >
• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18

Образец	Цвет Pantone	C	M	Y	K	HTML	R	G	B
	PANTONE 100	0	0	56	0	#FCEA76	252	234	118
	PANTONE 101	0	0	68	0	#FCE85F	252	232	95
	PANTONE 102	0	0	95	0	#FEE500	254	229	0
	PANTONE 103	5	5	100	16	#D0BC00	208	188	0
	PANTONE 104	7	13	100	28	#BBA30D	187	163	13
	PANTONE 105	13	18	88	45	#998730	153	135	48
	PANTONE 106	0	0	75	0	#FCE85D	252	232	93
	PANTONE 107	0	0	92	0	#FDE724	253	231	36
	PANTONE 108	0	5	98	0	#F9DA00	249	218	0
	PANTONE 109	0	9	100	0	#F8D500	248	213	0
	PANTONE 110	2	22	100	8	#DBB216	219	178	22
	PANTONE 111	8	21	100	28	#B69920	182	153	32
	PANTONE 112	10	20	100	40	#A48C1A	164	140	26
	PANTONE 113	0	2	83	0	#FAE34E	250	227	78
	PANTONE 114	0	4	87	0	#F9DE45	249	222	69
	PANTONE 115	0	6	87	0	#F8DB46	248	219	70
	PANTONE 116	0	14	100	0	#F5CB08	245	203	8
	PANTONE 117	6	27	100	12	#CDA31F	205	163	31
	PANTONE 118	7	28	100	30	#B48F1F	180	143	31
	PANTONE 119	17	22	100	47	#937F20	147	127	32
	PANTONE 120	0	5	64	0	#F7DD76	247	221	118
	PANTONE 121	0	8	70	0	#F6D86F	246	216	111
	PANTONE 122	0	11	80	0	#F5D258	245	210	88
	PANTONE 123	0	19	89	0	#F2C541	242	197	65
	PANTONE 124	0	30	100	0	#EDB220	237	178	32
	PANTONE 125	6	32	100	24	#BB9121	187	145	33
	PANTONE 126	11	31	100	36	#A7861D	167	134	29
	PANTONE 127	0	4	62	0	#FAE17B	250	225	123
	PANTONE 128	0	7	75	0	#F8D962	248	217	98
	PANTONE 129	0	11	78	0	#F6D15A	246	209	90
	PANTONE 130	0	32	100	0	#EDAC1A	237	172	26
	PANTONE 131	2	39	100	10	#D0941F	208	148	31
	PANTONE 132	9	38	100	32	#AB7F20	171	127	32
	PANTONE 133	19	37	100	59	#775F1F	119	95	31
	PANTONE 134	0	12	60	0	#F5D27A	245	210	122
	PANTONE 135	0	21	76	0	#F1C15C	241	193	92
	PANTONE 136	0	28	87	0	#EFB646	239	182	70
	PANTONE 137	0	41	100	0	#EAA124	234	161	36
	PANTONE 138	0	52	100	0	#E68C28	230	140	40
	PANTONE 139	7	49	100	25	#B27827	178	120	39
	PANTONE 140	19	49	100	54	#7D5A25	125	90	37
	PANTONE 141	0	16	65	0	#F5CD66	245	205	102
	PANTONE 142	0	24	78	0	#F2BF4C	242	191	76
	PANTONE 143	0	32	87	0	#F0B336	240	179	54
	PANTONE 144	0	51	100	0	#EA961C	234	150	28
	PANTONE 145	4	53	100	8	#D08921	208	137	33
	PANTONE 146	7	50	100	34	#A97620	169	118	32
	PANTONE 147	19	38	90	58	#786428	120	100	40
	PANTONE 148	0	17	43	0	#F4D199	244	209	153
	PANTONE 149	0	24	51	0	#F2C688	242	198	136
	PANTONE 150	0	41	78	0	#EDAA50	237	170	80
	PANTONE 151	0	60	100	0	#E88D21	232	141	33
	PANTONE 152	0	66	100	0	#E68523	230	133	35
	PANTONE 153	5	64	100	17	#C17723	193	119	35
	PANTONE 154	8	66	100	41	#9D6120	157	97	32
	PANTONE 155	0	12	34	0	#F5D7A5	245	215	165
	PANTONE 156	0	23	49	0	#F1C382	241	195	130
	PANTONE 157	0	42	74	0	#EBA344	235	163	68
	PANTONE 158	0	62	95	0	#E47E1A	228	126	26
	PANTONE 159	1	72	100	7	#D0651E	208	101	30
	PANTONE 160	6	71	100	31	#AB5A20	171	90	32
	PANTONE 161	16	67	100	71	#66401D	102	64	29
	PANTONE 162	0	25	35	0	#F0C4A0	240	196	160
	PANTONE 163	0	44	52	0	#EBA677	235	166	119
	PANTONE 164	0	59	80	0	#E68A48	230	138	72
	PANTONE 165	0	70	100	0	#E37828	227	120	40
	PANTONE 166	0	76	100	0	#E06C2A	224	108	42
	PANTONE 167	5	77	100	15	#BB5D29	187	93	41
	PANTONE 168	12	80	100	60	#6F3B20	111	59	32
	PANTONE 169	0	30	26	0	#EEBCA8	238	188	168
	PANTONE 170	0	48	50	0	#E89C77	232	156	119
	PANTONE 171	0	61	72	0	#E4834E	228	131	78
	PANTONE 172	0	73	87	0	#E06E37	224	110	55
	PANTONE 173	0	82	94	2	#D7572B	215	87	43
	PANTONE 174	8	86	100	36	#9C4124	156	65	36
	PANTONE 175	18	79	78	56	#77402E	119	64	46
	PANTONE 176	0	35	18	0	#EDB9B4	237	185	180
	PANTONE 177	0	54	38	0	#E7948A	231	148	138
	PANTONE 178	0	70	58	0	#E27865	226	120	101
	PANTONE 179	0	87	85	0	#DD5143	221	81	67
	PANTONE 180	3	91	86	12	#C1433C	193	67	60
	PANTONE 181	21	93	88	50	#80352F	128	53	47
	PANTONE 182	0	31	8	0	#ECBEC5	236	190	197
	PANTONE 183	0	49	17	0	#E79CA6	231	156	166
	PANTONE 184	0	73	32	0	#DF6B7C	223	107	124
	PANTONE 185	0	93	79	0	#D93740	217	55	64
	PANTONE 186	2	100	85	6	#C92A39	201	42	57
	PANTONE 187	7	100	82	26	#AC2B37	172	43	55
	PANTONE 188	16	100	65	58	#7D2935	125	41	53
	PANTONE 189	0	39	10	0	#EBB3BC	235	179	188
	PANTONE 190	0	56	18	0	#E58F9E	229	143	158
	PANTONE 191	0	79	36	0	#DE6276	222	98	118
	PANTONE 192	0	94	64	0	#DB3B50	219	59	80
	PANTONE 193	2	99	62	11	#C32E4C	195	46	76
	PANTONE 194	8	100	55	37	#9D2945	157	41	69
	PANTONE 195	19	90	50	55	#7E3545	126	53	69
	PANTONE 196	0	23	6	0	#EFCAD0	239	202	208
	PANTONE 197	0	46	12	0	#E8A1B0	232	161	176
	PANTONE 198	0	82	37	0	#DC5672	220	86	114
	PANTONE 199	0	100	72	0	#D82949	216	41	73

• Номер цвета:

• Страница 1
• <
• >
• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18

Color Picker — Coolors

Получите полезную информацию о цвете, такую ​​как преобразование, комбинации, имитация слепоты и многое другое.

Преобразование

HEX
RGB
CMYK
ВШБ
ВШЛ

ЛАБОРАТОРИЯ
XYZ
ЛЧ
ЛЮВ
ХВБ

Вариации

Просмотрите вариации оттенков, оттенков, тонов, тонов и температур.

Оттенки

Оттенок создается путем добавления черного к основному цвету, что увеличивает его темноту. Оттенки кажутся более драматичными и насыщенными.

Оттенки

Оттенок создается путем добавления белого к основному цвету, что увеличивает его яркость. Оттенки, скорее всего, будут выглядеть пастельными и менее интенсивными.

Тона

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

Оттенки

Оттенок относится к основному семейству цветов от красного до фиолетового. Оттенки — это вариации основного цвета на цветовом круге.

Температура

Цвета часто делятся на холодные и теплые в зависимости от того, как мы их воспринимаем. Зеленые и синие — холодные, а красные и желтые — теплые.

Цветовые гармонии

Цветовые гармонии — это приятные цветовые схемы, созданные в соответствии с их положением на цветовом круге. Узнать больше

Аналоговые

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

Дополнительный

Дополнительные цветовые схемы создаются путем выбора двух противоположных цветов на цветовом круге. Они кажутся яркими рядом друг с другом.

Раздельно-дополнительный

Раздельно-дополнительный Схемы аналогичны дополнительным, но они используют два смежных цвета дополнения. Они более гибкие, чем дополнительные.

Triadic

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

Tetradic

Цветовые схемы Tetradic состоят из двух пар дополнительных цветов в прямоугольной форме на цветовом круге. Они очень универсальны и лучше всего работают с одним доминирующим цветом.

Квадрат

Квадратные цветовые схемы подобны тетраде, расположенной в квадрате, а не в прямоугольнике. Цвета кажутся еще более контрастными.

Симулятор слепоты

Проверьте, как цвет воспринимается дальтониками, чтобы создать доступные дизайны. Узнать больше

Protanopia

1,3% мужчин, 0,02% женщин

Protanomaly

1,3% мужчин, 0,02% женщин

Deuteranopia

1,2% из мужчин, 0,01% женщин

98999,2%

,2%

9999,2% от мужчин 9000

99,2%

99,2%

,2%

,2%

,2% от мужчин 9000

,2% от мужчин 9000

9,2% от мужчин 9000

,2% от мужчин 9008

,2% от мужчин 9003

,2% от мужчин 9003

,2% от мужчин

89

, men, 0. 35% of women

Tritanopia

0.001% of men, 0.03% of women

Tritanomaly

0.0001% of the population

Achromatopsia

0.003% of the population

Achromatomaly

0.001% of the population

Проверка контрастности

Проверка контрастности текста на белом и черном фоне. Для дополнительных опций используйте этот инструмент.

Белый фон

Черный фон

Библиотеки цветов

Просмотрите наиболее похожие соответствия этого цвета с этими популярными библиотеками цветов.

Цветовые палитры

Несколько примеров цветовых палитр с этим цветом. Посмотреть больше

Палитры не найдены.

лучших генераторов цветовых схем

Здесь вы найдете простой список отличных онлайн-ресурсов о цветах и ​​их использовании в веб-дизайне.

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

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

Инструменты для подбора цветов и построения цветовых схем

Coolors.co — быстрый генератор цветовых схем

Coolors.co — простой и очень быстрый генератор цветовых схем. Это, наверное, мой любимый инструмент, когда дело доходит до изучения различных цветовых комбинаций с нуля.

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

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

После выбора палитры совпадающих цветов ее можно экспортировать в формате SVG, PNG, PDF или SCSS, или вы можете просто скопировать URL-адрес или добавить его в закладки для дальнейшего использования. Мне очень нравится функция прямой ссылки, так как вам не нужно создавать профиль, чтобы использовать сайт. Однако вы можете создать профиль на сайте, а затем сохранить там все свои цветовые схемы.

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

HueSnap — извлечение цветов из фотографий

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

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

Существуют также приложения для iOS и Android, так что вы можете легко получить доступ и синхронизировать свои цветовые палитры.

Инструмент Material Design Color — специальные возможности

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

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

Adobe Color — старый добрый инструмент, обновленный новыми функциями.

Adobe Color позволяет создавать цветовые схемы с помощью цветового круга с использованием различных правил цветовой гармонии. Adobe Color также неплохо справляется с извлечением цветовой темы или градиента из фотографий.

Если вы являетесь пользователем Adobe Creative Cloud, вы также можете сохранять цветовые темы для использования непосредственно в своих проектах.

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

Colourco — Легко комбинируйте цвета

Colourco немного похож на Coolors.co, но вместо того, чтобы получать случайную палитру цветов, вы перемещаете мышь. Переместите мышь вверх для более темных цветов и вниз для более светлых, влево и вправо регулирует RGB. Можно продолжать добавлять цвета, нажимая символ +.

Существуют также готовые монохромные, аналоговые, триадные и четырехцветные схемы, в которых можно настроить свет и цвет так же, как описано выше.

Если у вас есть палитра, которая соответствует вашим потребностям, ее легко сохранить в виде таблицы стилей SCSS, палитры PNG или URL-адреса.

Палитра

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

Вы можете экспортировать и импортировать свою палитру в формате JSON.

Статьи и теория цвета

Цвета Canva — основы

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

Цвет имеет значение — интернет-ресурс о теории цвета

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

Цвет имеет значение, пожалуй, один из лучших сайтов, где можно бесплатно узнать о цветах. Автор является консультантом по цвету, работал в списке компаний из списка Fortune 500 и преподавал в университете.

Онлайн-курсы по цвету

Если вы действительно хотите узнать о цветах, есть много отличных платных курсов на Udemy, Thinkific, Lynda и других сайтах онлайн-обучения. Если вы новичок в мире цветов, один из этих курсов может стоить того.

Веб-дизайн в целом

Awwwards

Awwwards — отличный сайт, на котором можно черпать вдохновение у других замечательных веб-дизайнеров и агентств. В Интернете есть много сайтов, на которых дизайнеры могут представить и продемонстрировать свои лучшие проекты, но это мой любимый.

Сайт полезен для того, чтобы узнать, что сейчас в тренде, а также что другие дизайнеры думают о представленной работе.

Веб-агентство

Webkilde Webbureau — небольшое датское веб-агентство, специализирующееся на быстрых и оптимизированных веб-сайтах. Компания предлагает дизайн White Label для других веб-агентств и веб-дизайнеров.

У вас есть дизайн в Adobe XD или аналогичном, и вы хотите преобразовать его в статическую домашнюю страницу или тему WordPress? Тогда вы можете сделать это здесь. Тем не менее, вы, вероятно, также можете получить достойную работу на freelancer.com или на Fiveer.com за меньшие деньги.

Журнал Smashing

Журнал Smashing Если вы веб-дизайнер, то вы, вероятно, сталкивались с журналом Smashing.