Онлайн подбор сочетания цветов: Названия цветов, от Абрикоса до Янтаря — ColorScheme.Ru

30 Янв

Содержание

Цвета 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 Имя ЦветаHEXRGB
Красные тона:
IndianRed#CD5C5C205, 92, 92
LightCoral#F08080240, 128, 128
Salmon#FA8072250, 128, 114
DarkSalmon#E9967A233, 150, 122
LightSalmon#FFA07A255, 160, 122
Crimson#DC143C220, 20, 60
Red#FF0000255, 0, 0
FireBrick#B22222178, 34, 34
DarkRed#8B0000139, 0, 0
Розовые тона:
Pink#FFC0CB255, 192, 203
LightPink#FFB6C1255, 182, 193
HotPink#FF69B4255, 105, 180
DeepPink#FF1493255, 20, 147
MediumVioletRed#C71585199, 21, 133
PaleVioletRed#DB7093219, 112, 147
Оранжевые тона:
LightSalmon#FFA07A255, 160, 122
Coral#FF7F50255, 127, 80
Tomato#FF6347255, 99, 71
OrangeRed#FF4500255, 69, 0
DarkOrange#FF8C00255, 140, 0
Orange#FFA500255, 165, 0
Жёлтые тона:
Gold#FFD700255, 215, 0
Yellow#FFFF00255, 255, 0
LightYellow#FFFFE0255, 255, 224
LemonChiffon#FFFACD255, 250, 205
LightGoldenrodYellow#FAFAD2250, 250, 210
PapayaWhip#FFEFD5255, 239, 213
Moccasin#FFE4B5255, 228, 181
PeachPuff#FFDAB9255, 218, 185
PaleGoldenrod#EEE8AA238, 232, 170
Khaki#F0E68C240, 230, 140
DarkKhaki#BDB76B189, 183, 107
Фиолетовые тона:
Lavender#E6E6FA230, 230, 250
Thistle#D8BFD8216, 191, 216
Plum#DDA0DD221, 160, 221
Violet#EE82EE238, 130, 238
Orchid#DA70D6218, 112, 214
Fuchsia#FF00FF255, 0, 255
Magenta#FF00FF255, 0, 255
MediumOrchid#BA55D3186, 85, 211
MediumPurple#9370DB147, 112, 219
BlueViolet#8A2BE2138, 43, 226
DarkViolet#9400D3148, 0, 211
DarkOrchid#9932CC153, 50, 204
DarkMagenta#8B008B139, 0, 139
Purple#800080128, 0, 128
Indigo#4B008275, 0, 130
SlateBlue#6A5ACD106, 90, 205
DarkSlateBlue#483D8B72, 61, 139
Коричневые тона:
Cornsilk#FFF8DC255, 248, 220
BlanchedAlmond#FFEBCD255, 235, 205
Bisque#FFE4C4255, 228, 196
NavajoWhite#FFDEAD255, 222, 173
Wheat#F5DEB3245, 222, 179
BurlyWood#DEB887222, 184, 135
Tan#D2B48C210, 180, 140
RosyBrown#BC8F8F188, 143, 143
SandyBrown#F4A460244, 164, 96
Goldenrod#DAA520218, 165, 32
DarkGoldenRod#B8860B184, 134, 11
Peru#CD853F205, 133, 63
Chocolate#D2691E210, 105, 30
SaddleBrown#8B4513139, 69, 19
Sienna#A0522D160, 82, 45
Brown#A52A2A165, 42, 42
Maroon#800000128, 0, 0
Основные цвета:
Black#0000000, 0, 0
Gray#808080128, 128, 128
Silver#C0C0C0192, 192, 192
White#FFFFFF255, 255, 255
Fuchsia#FF00FF255, 0, 255
Purple#800080128, 0, 128
Red#FF0000255, 0, 0
Maroon#800000128, 0, 0
Yellow#FFFF00255, 255, 0
Olive#808000128, 128, 0
Lime#00FF000, 255, 0
Green#0080000, 128, 0
Aqua#00FFFF0, 255, 255
Teal#0080800, 128, 128
Blue#0000FF0, 0, 255
Navy#0000800, 0, 128
HTML Имя ЦветаHEXRGB
Зелёные тона:
GreenYellow#ADFF2F173, 255, 47
Chartreuse#7FFF00127, 255, 0
LawnGreen#7CFC00124, 252, 0
Lime#00FF000, 255, 0
LimeGreen#32CD3250, 205, 50
PaleGreen#98FB98152, 251, 152
LightGreen#90EE90144, 238, 144
MediumSpringGreen#00FA9A0, 250, 154
SpringGreen#00FF7F0, 255, 127
MediumSeaGreen#3CB37160, 179, 113
SeaGreen#2E8B5746, 139, 87
ForestGreen#228B2234, 139, 34
Green#0080000, 128, 0
DarkGreen#0064000, 100, 0
YellowGreen#9ACD32154, 205, 50
OliveDrab#6B8E23107, 142, 35
Olive#808000128, 128, 0
DarkOliveGreen#556B2F85, 107, 47
MediumAquamarine#66CDAA102, 205, 170
DarkSeaGreen#8FBC8F143, 188, 143
LightSeaGreen#20B2AA32, 178, 170
DarkCyan#008B8B0, 139, 139
Teal#0080800, 128, 128
Синие тона:
Aqua#00FFFF0, 255, 255
Cyan#00FFFF0, 255, 255
LightCyan#E0FFFF224, 255, 255
PaleTurquoise#AFEEEE175, 238, 238
Aquamarine#7FFFD4127, 255, 212
Turquoise#40E0D064, 224, 208
MediumTurquoise#48D1CC72, 209, 204
DarkTurquoise#00CED10, 206, 209
CadetBlue#5F9EA095, 158, 160
SteelBlue#4682B470, 130, 180
LightSteelBlue#B0C4DE176, 196, 222
PowderBlue#B0E0E6176, 224, 230
LightBlue#ADD8E6173, 216, 230
SkyBlue#87CEEB135, 206, 235
LightSkyBlue#87CEFA135, 206, 250
DeepSkyBlue#00BFFF0, 191, 255
DodgerBlue#1E90FF30, 144, 255
CornflowerBlue#6495ED100, 149, 237
MediumSlateBlue#7B68EE123, 104, 238
RoyalBlue#4169E165, 105, 225
Blue#0000FF0, 0, 255
MediumBlue#0000CD0, 0, 205
DarkBlue#00008B0, 0, 139
Navy#0000800, 0, 128
MidnightBlue#19197025, 25, 112
Белые тона:
White#FFFFFF255, 255, 255
Snow#FFFAFA255, 250, 250
Honeydew#F0FFF0240, 255, 240
MintCream#F5FFFA245, 255, 250
Azure#F0FFFF240, 255, 255
AliceBlue#F0F8FF240, 248, 255
GhostWhite#F8F8FF248, 248, 255
WhiteSmoke#F5F5F5245, 245, 245
Seashell#FFF5EE255, 245, 238
Beige#F5F5DC245, 245, 220
OldLace#FDF5E6253, 245, 230
FloralWhite#FFFAF0255, 250, 240
Ivory#FFFFF0255, 255, 240
AntiqueWhite#FAEBD7250, 235, 215
Linen#FAF0E6250, 240, 230
LavenderBlush#FFF0F5255, 240, 245
MistyRose#FFE4E1255, 228, 225
Серые тона:
Gainsboro#DCDCDC220, 220, 220
LightGrey#D3D3D3211, 211, 211
LightGray#D3D3D3211, 211, 211
Silver#C0C0C0192, 192, 192
DarkGray#A9A9A9169, 169, 169
DarkGrey#A9A9A9169, 169, 169
Gray#808080128, 128, 128
Grey#808080128, 128, 128
DimGray#696969105, 105, 105
DimGrey#696969105, 105, 105
LightSlateGray#778899119, 136, 153
LightSlateGrey#778899119, 136, 153
SlateGray#708090112, 128, 144
SlateGrey#708090112, 128, 144
DarkSlateGray#2F4F4F47, 79, 79
DarkSlateGrey#2F4F4F47, 79, 79
Black#0000000, 0, 0

4 лучших онлайн инструмента — Блог о визуальной грамотности

Alexey Demin

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

1. Использовать известную гамму

На сайте brandcolors.net собрано более 500 сочетаний цветов известных брендов. Яндекс, Google, Burger King используют одну палитру во всех своих продуктах. Эти бренды и их цвета знакомы и любимы многими. Наберите название в строке поиска или полистайте страницу, нажмите на нужный бренд и цвет: его код скопируется в буфер обмена.

Цветовые палитры, используемые известными брендами, на сайте brandcolors.net

2. Выбрать готовую профессиональную палитру

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

Выбор цвета на colordrop. io

Кроме этого, сервис содержит готовую подборку из 24 цветов плоского дизайна. Нажмите слева под названием «Flat Colours» и берите код понравившегося оттенка.

Плоские цвета на colordrop.io

3. Определить палитру цветов понравившейся фотографии или картинки

Этот способ чуть сложнее. Но и эффектнее.

  • На сайте coolors.co в верхней панели слева найдите значок фотоаппарата, нажмите на него. Откроется окно загрузки изображения.
  • Можно выбрать фото или картинку с понравившейся цветовой гаммой с компьютера или скопировать ссылку в пустую графу.
  • Сервис определит сочетание цветов (внизу под загруженной картинкой).
  • Изменять отдельные цвета этой палитры можно, отмечая их и выбирая точку на фото, с которой нужно взять цвет.
  • Кнопка «Collage» сохраняет получившуюся палитру с кодами цветов на компьютере.
  • Кнопка «Auto» генерирует новые сочетания на основе того же фото.
  • Нажмите «Ок» и перейдете на главную страницу сайта для дальнейшей работы с палитрой.
Функция collage на сайте coolors.co

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

4. Создать свою цветовую гамму онлайн

Загрузив фото на тот же сайт coolors.co, можно не только определить код цвета, но и создать собственные сочетания. Для этого нажмите пробел — сервис автоматически создает сочетание из 5-ти цветов.

На каждом цвете 4 значка-кнопки:

  • Alternative shades — Оттенки цвета (темнее и светлее),
  • Drag (Передвинуть цвет вправо или влево по палитре),
  • Adjust (Настроить тон, насыщенность, яркость и др.),
  • Lock (зафиксировать цвет).

Собранную таким образом палитру можно сохранить в pdf, png файлах, отправить ссылкой и др.

Понравилось это:

Нравится Загрузка. ..

  • Основы дизайна

%d такие блоггеры, как:

    цветовых комбинаций | Цветовые схемы

    Добро пожаловать в ColorCombos

    Объявления

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

    Сердцем сайта является Combo Tester, который позволяет веб-разработчикам увидеть, как разные цветовые комбинации работают вместе на экране.

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

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

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

    Последняя статья в блоге о цветах

    Как использовать цвет в стратегии социальных сетей

    Дата: 09 июня 2019 г., Автор: Admin

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

    Почему визуальные эффекты доминируют в социальных сетях?

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

    Подробнее

    Теги: цветовая стратегия, медиа-стратегия, стратегия в социальных сетях

    Влияние цветов на классную среду

    Дата: 20 апреля 2019, Автор: Admin

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

    Точно так же дети связывают все, что они видят, с цветами.

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

    Подробнее

    Теги: цвета внутренней отделки, цвета мебели, цвета классной комнаты

    ColorCombos.com — Блог о цветах — Статьи об использовании цвета

    В этом разделе вы найдете статьи об использовании цвета в различных отрасли.

    Как использовать цвет в стратегии социальных сетей

    Дата: 2019-06-09 22:06:04, Автор: Admin

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

    Почему визуальные эффекты доминируют в социальных сетях?

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

    Подробнее

    Теги: цветовая стратегия, медиа-стратегия, стратегия в социальных сетях

    Влияние цветов на классную среду

    Дата: 2019-04-20 09:04:24, Автор: Admin

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

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

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

    Подробнее

    Теги: цвета внутренней отделки, цвета мебели, цвета классной комнаты

    Как ваш интернет-магазин может использовать цвета, чтобы привлечь больше клиентов

    Дата: 2018-01-25 21:01:14, автор: Admin

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

    То, как цвета используются на вашем веб-сайте электронной коммерции, имеет большое значение для убеждения посетителей делать именно то, что вы хотите на веб-сайте. Неправильный выбор цветов может привести к тому, что ваш веб-сайт будет считаться отталкивающим или просто скучным, в то время как правильное сочетание цветов может сделать ваш веб-сайт фаворитом среди конкурирующих интернет-магазинов. По словам Брендана Уайльда из Umbrellar, «… то, что делает веб-сайт достойным покупки, выходит за рамки скорости загрузки, безопасности или предложений. Эстетика веб-сайта также играет большую роль».

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

    Применение различных цветовых схем для улучшения веб-сайта

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

    Подробнее

    Теги: цвета сайта

    Страшные цвета Хэллоуина

    Дата: 2017-10-24 22:10:07, Автор: Admin

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

    Например, особенно в Америке, черный — самый страшный цвет Хэллоуина. Это цвет, который больше всего ассоциируется с тьмой, дьявольщиной и неизвестностью. В древние времена Хэллоуин, или канун Дня Всех Святых, считался ночью, когда завеса, отделяющая живых от мертвых, была самой тонкой. Духи могли возвращаться на землю, и не всегда с благими намерениями.

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

    Подробнее

    Теги: цвета Хэллоуина, страшные цвета, пугающие цвета

    Цвет в отношении печати — CMYK и PMS

    Дата: 2017-04-17 21:04:19, автор: Admin

    Статья предоставлена ​​UNIPRINT QLD.

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

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *