Меню
03.04.2023| alexxlab| 0 Comment

Цвета с названиями палитра: Официальные названия и номера Классических цветов RAL

Таблица цветов html, палитра, названия цветов

  • Список цветов с названиями

Таблица (палитра) цветов html предоставляет вам возможность самостоятельно подобрать нужный вам тон. Значение цвета отображается в трех форматах: Hex, RGB и HSV.

  • Hex состоит из трех двух символьных значений в шестнадцатеричной системе счисления. Например: #ff00b3, где первая пара чисел — красный, вторая — зеленый, а третья — синий.
  • RGB (RedGreenBlue) имеет вид «200,100,255», обозначающее количество соответствующего тона(красный,зеленый,синий) в получаемом цвете.
  • HSV (Hue, Saturation, Value — тон, насыщенность, значение) — цветовая модель, в которой в качестве координат являются:
    • Hue — цветовой тон, может варьироваться в пределах от 0° до 360°.
    • Saturation — насыщенность, варьируется в пределах 0—100 или 0—1. Чем больше этот параметр, тем «чище» цвет, поэтому этот параметр иногда называют чистотой цвета.
      А чем ближе этот параметр к нулю, тем ближе цвет к нейтральному серому.
    • Value (значение цвета) — задает яркость, значение так же может варьироваться в пределах 0—100 или 0—1.

Введите код цвета:

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

Название цвета HEX Цвет
Black#000000 
Navy#000080 
DarkBlue#00008B 
MediumBlue#0000CD 
Blue#0000FF 
DarkGreen#006400 
Green#008000 
Teal#008080 
DarkCyan#008B8B 
DeepSkyBlue#00BFFF 
DarkTurquoise#00CED1 
MediumSpringGreen#00FA9A 
Lime#00FF00 
SpringGreen#00FF7F 
Aqua#00FFFF 
Cyan#00FFFF 
MidnightBlue#191970 
DodgerBlue#1E90FF 
LightSeaGreen#20B2AA 
ForestGreen#228B22 
SeaGreen#2E8B57 
DarkSlateGray#2F4F4F 
LimeGreen#32CD32 
MediumSeaGreen#3CB371 
Turquoise#40E0D0 
RoyalBlue#4169E1 
SteelBlue#4682B4 
DarkSlateBlue#483D8B 
MediumTurquoise#48D1CC 
Indigo#4B0082 
DarkOliveGreen#556B2F 
CadetBlue#5F9EA0 
CornflowerBlue#6495ED 
MediumAquaMarine#66CDAA 
DimGray#696969 
SlateBlue#6A5ACD 
OliveDrab#6B8E23 
SlateGray#708090  
LightSlateGray#778899 
MediumSlateBlue#7B68EE 
LawnGreen#7CFC00 
Chartreuse#7FFF00 
Aquamarine#7FFFD4 
Maroon#800000 
Purple#800080 
Olive#808000 
Gray#808080 
SkyBlue#87CEEB 
LightSkyBlue#87CEFA 
BlueViolet#8A2BE2 
DarkRed#8B0000 
DarkMagenta#8B008B 
SaddleBrown#8B4513 
DarkSeaGreen		#8FBC8F 
LightGreen#90EE90 
MediumPurple#9370D8 
DarkViolet#9400D3 
PaleGreen#98FB98 
DarkOrchid#9932CC 
YellowGreen#9ACD32 
Sienna#A0522D 
Brown#A52A2A 
DarkGray#A9A9A9 
LightBlue#ADD8E6 
GreenYellow#ADFF2F 
PaleTurquoise#AFEEEE 
LightSteelBlue#B0C4DE 
PowderBlue#B0E0E6 
FireBrick#B22222  
DarkGoldenRod#B8860B 
MediumOrchid#BA55D3 
RosyBrown#BC8F8F 
DarkKhaki#BDB76B 
Silver#C0C0C0 
MediumVioletRed#C71585 
IndianRed#CD5C5C 
Peru#CD853F 
Chocolate#D2691E 
Tan#D2B48C 
LightGray#D3D3D3 
PaleVioletRed#D87093 
Thistle#D8BFD8 
Orchid#DA70D6 
GoldenRod#DAA520 
Crimson#DC143C 
Gainsboro#DCDCDC 
Plum#DDA0DD 
BurlyWood#DEB887 
LightCyan#E0FFFF 
Lavender#E6E6FA 
DarkSalmon#E9967A 
Violet#EE82EE 
PaleGoldenRod#EEE8AA 
LightCoral#F08080 
Khaki#F0E68C 
AliceBlue#F0F8FF 
HoneyDew#F0FFF0 
Azure#F0FFFF 
SandyBrown#F4A460 
Wheat#F5DEB3 
Beige#F5F5DC 
WhiteSmoke#F5F5F5 
MintCream#F5FFFA 
GhostWhite#F8F8FF 
Salmon#FA8072 
AntiqueWhite#FAEBD7 
Linen#FAF0E6 
LightGoldenRodYellow#FAFAD2 
OldLace#FDF5E6 
Red#FF0000 
Fuchsia#FF00FF 
Magenta#FF00FF 
DeepPink#FF1493 
OrangeRed#FF4500 
Tomato#FF6347 
HotPink#FF69B4 
Coral#FF7F50 
Darkorange#FF8C00 
LightSalmon#FFA07A 
Orange#FFA500 
LightPink#FFB6C1 
Pink#FFC0CB 
Gold#FFD700 
PeachPuff#FFDAB9 
NavajoWhite#FFDEAD 
Moccasin#FFE4B5 
Bisque#FFE4C4 
MistyRose#FFE4E1 
BlanchedAlmond#FFEBCD 
PapayaWhip#FFEFD5 
LavenderBlush#FFF0F5 
SeaShell#FFF5EE
 
Cornsilk#FFF8DC 
LemonChiffon#FFFACD 
FloralWhite#FFFAF0 
Snow#FFFAFA 
Yellow#FFFF00 
LightYellow#FFFFE0 
Ivory#FFFFF0 
White#FFFFFF 

Таблица «безопасных» цветов


Этот инструмент сдан в архив и больше не поддерживается


255. 255.204255.255.153255.255.102255.255.51255.255.0204.204.0
FFFFCCFFFF99FFFF66FFFF33FFFF00CCCC00
      
255.204.102255.204.0255.204.51204.153.0204.153.51153.102.0
FFCC66FFCC00FFCC33CC9900CC9933996600
      
255.153.0255.153.51204.153.102204.102.0153. 102.51102.51.0
FF9900FF9933CC9966CC6600996633663300
      
255.204.153255.153.102255.102.0204.102.51153.51.0102.0.0
FFCC99FF9966FF6600CC6633993300660000
      
255.102.51204.51.0255.51.0255.0.0204.0.0153.0.0
FF6633CC3300FF3300FF0000CC0000990000
      
255. 204.204255.153.153255.102.102255.51.51255.0.51204.0.51
FFCCCCFF9999FF6666FF3333FF0033CC0033
      
204.153.153204.102.102204.51.51153.51.51153.0.5151.0.0
CC9999CC6666CC3333993333990033330000
      
255.102.153255.51.102255.0.102204.51.102153. 102.102102.51.51
FF6699FF3366FF0066CC3366996666663333
      
255.153.204255.51.153255.0.153204.0.102153.51.102102.0.51
FF99CCFF3399FF0099CC0066993366660033
      
255.102.204255.0.204255.51.204204.102.153204.0.153153.0.102
FF66CCFF00CCFF33CCCC6699CC0099990066
      
255. 204.255255.153.255255.102.255255.51.255255.0.255204.51.153
FFCCFFFF99FFFF66FFFF33FFFF00FFCC3399
      
204.153.204204.102.204204.0.204204.51.204153.0.153153.51.153
CC99CCCC66CCCC00CCCC33CC990099993399
      
204.102.255204.51.255204.0.255153.0.204153. 102.153102.0.102
CC66FFCC33FFCC00FF9900CC996699660066
      
204.153.255153.51.204153.51.255153.0.255102.0.153102.51.102
CC99FF9933CC9933FF9900FF660099663366
      
153.102.204153.102.255102.0.204102.51.204102.51.15351.0.51
9966CC9966FF6600CC6633CC663399330033
      
204. 204.255153.153.255102.51.255102.0.25551.0.15351.0.102
CCCCFF9999FF6633FF6600FF330099330066
      
153.153.204102.102.255102.102.204102.102.15351.51.15351.51.102
9999CC6666FF6666CC666699333399333366
      
51.51.25551.0.25551.0.20451.51.2040. 0.1530.0.102
3333FF3300FF3300CC3333CC000099000066
      
102.153.25551.102.2550.0.2550.0.2040.51.2040.0.51
6699FF3366FF0000FF0000CC0033CC000033
      
0.102.2550.102.20451.102.2040.51.2550.51.1530.51.102
0066FF0066CC3366CC0033FF003399003366
      
153. 204.25551.153.2550.153.255102.153.20451.102.1530.102.153
99CCFF3399FF0099FF6699CC336699006699
      
102.204.25551.204.2550.204.25551.153.2040.153.2040.51.51
66CCFF33CCFF00CCFF3399CC0099CC003333
      
153.204.204102.204.20451.153.153102.153.1530. 102.10251.102.102
99CCCC66CCCC339999669999006666336666
      
204.255.255153.255.255102.255.25551.255.2550.255.2550.204.204
CCFFFF99FFFF66FFFF33FFFF00FFFF00CCCC
      
153.255.204102.255.20451.255.2040.255.20451.204.2040.153.153
99FFCC66FFCC33FFCC00FFCC33CCCC009999
      
102. 204.15351.204.1530.204.15351.153.1020.153.1020.102.51
66CC9933CC9900CC99339966009966006633
      
102.255.15351.255.1530.255.15351.204.1020.204.1020.153.51
66FF9933FF9900FF9933CC6600CC66009933
      
153.255.153102.255.10251.255.1020.255.10251. 153.510.102.0
99FF9966FF6633FF6600FF66339933006600
      
204.255.204153.204.153102.204.102102.153.10251.102.510.51.0
CCFFCC99CC9966CC66669966336633003300
      
51.255.510.255.510.255.00.204.051.204.510.204.51
33FF3300FF3300FF0000CC0033CC3300CC33
      
102. 255.0102.255.5151.255.051.204.051.153.00.153.0
66FF0066FF3333FF0033CC00339900009900
      
204.255.153153.255.102102.204.0102.204.51102.153.5151.102.0
CCFF9999FF6666CC0066CC33669933336600
      
153.255.0153.255.51153.204.102153.204.0153.204. 51102.153.0
99FF0099FF3399CC6699CC0099CC33669900
      
204.255.102204.255.0204.255.51204.204.153102.102.5151.51.0
CCFF66CCFF00CCFF33CCCC99666633333300
      
204.204.102204.204.51153.153.102153.153.51153.153.0102.102.0
CCCC66CCCC33999966999933999900666600
      
255. 255.255204.204.204153.153.153102.102.10251.51.510.0.0
FFFFFFCCCCCC999999666666333333000000
      

Все цвета интернета

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

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

Цвета из нашей палитры везде будут отображаться правильным образом и без искажений. Любой из 216 цветов «безопасной» палитры может быть использован для графики, текста и фонов.

Как пользоваться палитрой

Палитра состоит из 36 сочетаний 6 оттенков красного, зеленого и синего. Эти градации — 0, 51, 102, 153, 204, 255.

Над каждым цветом указаны два значения — RGB (для создания цвета в графическом редакторе) и HEX (для обозначения цвета в HTML).



Список палитр

Список палитр

Логин Зарегистрироваться

Внимание! Для использования этого веб-сайта требуется современный веб-браузер.

Мы обнаружили, что у вас может быть устаревший или неподдерживаемый веб-браузер. Этот инструмент, как и многие другие на этом сайте и в Интернете, использует функции, доступные только в новых веб-браузерах. Мы рекомендуем обновить ваш текущий браузер или загрузить Firefox или Chrome.

Отправить

| Очередь отправки | API

отправить

0 в очереди, 45 в ожидании

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

NEW Теперь вы можете просматривать понравившиеся палитры!

аасдф аасдф аасдф

Количество цветов:

AnyMaxMinExact

Поиск по тегу:

Предлагаемые теги: оборудование, художник, компьютер, геймбой

Сортировка:

По умолчаниюA-ZЗагрузкиНовые

Создано Снежная Сова

  • #голубая мечта4
  • 4 цвета
  • 595 загрузок

  • Пример по Снежная Сова

    • Метки: blue, dream, gameboy, gb

Создано Тарт Фокс

Уютный сруб зимой

  • #бревенчатый домик
  • 11 цветов
  • 55 загрузок

Теги: уют, художник, зима

Создано Доф

Палитра из 38 цветов на основе Spirited Away.

  • #баня
  • 38 цветов
  • 207 загрузок

  • Пример по Доф

    • Теги: 38colors, ghibli, тепло, аниме, celshaded

Создано Пси-оружие Шульдигун

Эта палитра соответствует спецификациям PC-98: 16 цветов с 12-битной глубиной цвета RGB (4096 различных возможных цветов, значения RGB и B имеют 64 различных шага). Я разработал его с помощью GrafX2 во время создания сэмплированного портрета, поэтому он предназначен для использования в теплых дизеринговых иллюстрациях. Все три градиента (розовый, телесный, серо-коричневый) пересекаются и соединяются на светлом и темном концах, поэтому в очень ограниченном цветовом пространстве они должны быть несколько универсальными.

  • #sara98a
  • 16 цветов
  • 92 загрузки

  • Образец оригинального портрета с включенными пандусами. — к Пси-оружие Шульдигун

    • Теги: Сара, pc98, grafx2, портрет, теплый, интерьер, сглаживание, 12 бит, покаяние, кошмар

Создано Телеграмм трекер

  • #maroonvintage
  • 4 цвета
  • 95 загрузок

Теги: темно-бордовый, винтаж, узор

н.э. | присоединяйтесь, чтобы убрать рекламу!

Создано АТБ человек

Темно-синяя палитра

  • #дождь
  • 5 цветов
  • 255 загрузок

Теги: темный, синий, дождь, 5, звездные войны

Представлено Глубокий сон

Палитра от Pixelshift, в которой 8 цветов, несмотря на то, что она предназначена для DMG; он по-разному окрашивает фон и слои спрайтов. Сорвано прямо из источника Gambatte.

  • #бутлег
  • 8 цветов
  • 80 загрузок

Теги: Gameboy, Pixelshift, бутлег

Создано шарф

4 цвета, вдохновленные ягодными кустами. имеет обычный тон, темный и светлый, а также акцентный цвет.

  • #ягодный куст
  • 4 цвета
  • 104 загрузки

Теги: gameboy, художник, цвета

Создано Тоби_Яша

Расширение для палитры TY — Deeper Depths 4.

  • #tydd9
  • 9 цветов
  • 59 загрузок

Теги: подземелье, dungeoncrawler, рпг, темный, темная фантазия

Создано Альфа6

1108

1107

нравится
  • #cc29
  • 29 цветов
  • 34 289 загрузок

  • Пример использования палитры от Alpha6

  • Пример по ревви

    • Теги: сахарная вата, cc29, простой, ретро, ​​цвет

Совместная работа с сервером Lospec Discord для создания палитры, посвященной 500 палитрам, размещенным на Lospec. Базовые цвета были выбраны Foxbutt, Rhoq, Dimi, Skeddles, MiggityMoogity, PureAsbestos, Polyducks, SybilQ, Unsettled, DaaWeed, Moertel, KingW, Glacier, WildLeoKnight и GooGroker, а остальные цвета были заполнены и скорректированы совместно.

739

738

нравится
  • #lospec500
  • 42 цвета
  • 39 302 загрузки

Для текущего выбора больше нет палитр.

Что вы думаете об этой странице?

н.э. | присоединяйтесь, чтобы убрать рекламу!

СЕССИИ ПОЛЬЗОВАТЕЛИ ПРОСМОТР СТРАНИЦЫ

Полное руководство по цветам и цветовым палитрам

Следует помнить, что не все цвета в выбранной вами палитре должны быть одинаково представлены. Всегда есть доминирующий (или несколько) . Так вы сможете привлечь внимание к определенным частям страницы. Есть такая техника, известная как эффект изоляции, когда вы используете один цвет только для определенной цели. Например, кнопка «Добавить в корзину». Вы сделаете их всех одним, выделяющимся цветом и не будете использовать этот цвет ни для чего другого.

Типы цветовых схем

Цветовые палитры можно разделить на типы в зависимости от того, какие цвета используются. Вот типы цветовой палитры:

Монохроматическая цветовая схема использует вариации оттенков и теней одного и того же оттенка. Аналогичная цветовая схема использует цвета, расположенные рядом друг с другом на цветовом круге. Дополнительная цветовая схема использует цвета, противоположные друг другу на цветовом круге. Сплит Дополнительный — это цветовая схема, в которой используется один цвет, а два других — по обе стороны от противоположного цвета. Triadic Complementary (Triad) — это цветовая схема, в которой используются цвета, равномерно распределенные по кругу. Tetradic (Double Complementary) использует два набора дополнительных цветов. Если вы чувствуете себя достаточно уверенно, вы всегда можете выбрать что-то совершенно нестандартное, но в большинстве случаев простота лучше, поэтому не лезьте изо всех сил, чтобы создать что-то новое, когда хорошо известные и часто используемые палитры работают. точно также.

Генераторы цветовой палитры

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

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

Adobe Color CC

  • Генератор цветовых схем на основе типов цветовой палитры (монохроматическая, аналогичная и т. д.) ;
  • Можно настроить цвета в палитре отдельно;
  • В разделе Исследовать есть несколько палитр, а также цветовые палитры с соответствующими изображениями;
  • Имеет возможность создания палитры на основе изображения;
  • Возможность сохранять созданные вами палитры.

Палеттон

  • Простота в использовании — перетаскивание круга на цветовом круге;
  • Вы можете проверить, как каждая цветовая палитра будет выглядеть на реальной странице, с помощью опции «Примеры»;
  • Имеет раздел с пресетами, которые можно использовать и настраивать при необходимости;
  • Можно экспортировать палитры в разные форматы.

Охладители

  • Интуитивно понятный интерфейс, который создает палитру, просто нажав пробел;
  • В генераторе можно настроить всю палитру вместе или каждый оттенок по отдельности;
  • Coolors также имеет библиотеку готовых к использованию цветовых палитр;
  • Вы также можете отфильтровать результаты, выбрав параметр, например, определенный цвет или «темный»;
  • Расширение для Photoshop и Illustrator;
  • Специальный вид для дальтоников.

Canva

  • Может создавать палитру из изображения;
  • Простой генератор на основе цветового круга;
  • Позволяет настроить каждый цвет палитры;
  • Можно создать графику Canva с помощью созданной вами палитры;
  • Не так много опций, как у других генераторов, но очень просто;
  • Идеально подходит для тех, кто не хочет тратить много сил на выбор цвета.

0to225

  • Инструмент, который создает более темные и более светлые цвета для определенного выбранного вами цвета;
  • Простой интерфейс, в котором можно сразу выбрать нужный цвет;
  • Есть возможность ввести определенный цвет;
  • При нажатии любого из сгенерированных цветов он мгновенно копируется в буфер обмена.

ColorCode

  • Веб-инструмент для цветового дизайна доступен бесплатно на Toptal.
  • Приложение представляет собой универсальный инструмент для цветового дизайна.
  • Предоставляет доступ к различным категориям палитр (аналоговые, триады, квадраты и т. д.) и множеству цветов преобразования.
  • Позволяет создавать и загружать собственные палитры.

Примеры цветовой палитры

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

Цветовая палитра для свадьбы

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

Хелен и Джош

The Pittmans

Цветовые палитры для технологий

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

drawmote

JetStyle

Bloody

Цветовые палитры для окружающей среды

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

HuffPost

Дикая тайга

Sooma

Цветовые палитры для бизнеса

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

QБухгалтерия

notis

Zapare Technologies

Better Therapeutics

Цветовые палитры для продуктов питания

Веб-сайты, связанные с едой (как и сайты, связанные с природой), хорошо работают с цветовыми схемами, основанными на ассоциациях.

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

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