0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Таблица цветовых кодов RGB

Таблица цветовых кодов RGB

Палитра цветов RGB

Таблица цветовых кодов RGB

Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

Шестнадцатеричный: #
Красный:
Зеленый:
Синий:

Цветовое пространство RGB

RGB цветового пространства или цветовая система RGB , создает все цвета из комбинации R Е.Д., G Reen и B LUE цвета.

Красный, зеленый и синий используют по 8 бит каждый, которые имеют целочисленные значения от 0 до 255. Это дает 256 * 256 * 256 = 16777216 возможных цветов.

RGB ≡ красный, зеленый, синий

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

Когда красный пиксель установлен на 0, светодиод выключен. Когда красный пиксель установлен на 255, светодиод будет полностью включен.

Любое значение между ними устанавливает частичное излучение светодиода.

Цветовой формат и расчет RGB

Код RGB имеет формат 24 бита (биты 0..23):

КРАСНЫЙ [7: 0]ЗЕЛЕНЫЙ [7: 0]СИНИЙ [7: 0]
231615870

RGB = (R*65536)+(G*256)+B , (when R is RED, G is GREEN and B is BLUE)

Примеры расчетов
Белый цвет RGB

White RGB code = 255*65536+255*256+255 = #FFFFFF

Синий цвет RGB

Blue RGB code = 0*65536+0*256+255 = #0000FF

Красный цвет RGB

Red RGB code = 255*65536+0*256+0 = #FF0000

Зеленый цвет RGB

Green RGB code = 0*65536+255*256+0 = #00FF00

Серый цвет RGB

Gray RGB code = 128*65536+128*256+128 = #808080

Желтый цвет RGB

Yellow RGB code = 255*65536+255*256+0 = #FFFF00

Теория цвета в цифрах

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

Основы

Начнем с простого: рассмотрим обычный hex-код, где каждая из трех пар цифр контролирует один из цветов RGB — красный, зеленый, синий. Числа могут принимать значения цифр от 0 до 9 и букв от A до F.

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

То есть величина чисел в парах означает количество цвета, проще говоря, если все числа максимальные, то в результате будет белый цвет — #FFFFFF, если числа минимальные, нули, то цвета нет, получается черный — #000000. Если изменять каждую пару, то получается: #FF0000 — самый яркий красный, #00FF00 — самый яркий зеленый и #0000FF — самый яркий синий. Соответственно, #00FFFF — самый яркий голубой, #FF00FF — самый яркий пурпурный и #FFFF00 — самый яркий желтый.

Распознавание цвета

Шестнадцатеричный код может быть сокращен с шести символов до трех. Например цвет #FAE означает #FFAAEE. Такая возможность иногда помогает упростить код, и что важнее, легко сократить количество оттенков, если это требуется.

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

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

Можно также легко менять яркость, оттенок или насыщенность цвета, отредактировав лишь его шестнадцатеричный код. В первом примере ниже одна из пар меняется с шагом в 10%, при этом растет яркость цвета. Во втором примере яркость растет, но насыщенность падает:

Подчеркивание ссылок

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

  • Для темного текста на светлом фоне делаем ссылки ярче.
  • Для яркого текста на темном фоне делаем ссылки темнее.

Чтобы это работало, необходимо использовать тег span внутри каждого тега a, например:

Получившиеся ссылки легче читаются, т.к. подчеркивание не смешивается с символами. Однако добавлять span в каждую ссылку не очень рационально. Поэтому можно убрать подчеркивание ссылок, но при этом добавить border-bottom:

Цвета контента

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

Уменьшение первых цифр в парах hex-кода повысит контрастность текста, а значит читабельность улучшится:

Редактирование фона

Легко управлять фоном, изменяя hex-код цвета:

  • #404040 — нейтральный
  • #504030 — теплее
  • #304050 — холоднее

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

  • #404040 — нейтральный
  • #594039 — теплее
  • #394059 — холоднее

Подбор и комбинирование цветов

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

Код цвета светло зеленый

  • LANGUAGE
    • English
    • Chinese
    • Spanish
    • Portuguese
    • Russian
    • Japanese
    • German
    • Korean
    • French
    • Slovenian
  • COLOR TOOLS
  • COLORS FROM IMAGE
  • CONVERT COLOR FORMAT
  • COLOR NAMES
  • MORE TOOLS
    • WEBSAFE COLORS
    • HTML EDITOR

Цветовая диаграмма HTML

Нажмите на цветовую ячейку, чтобы получить цветовой код HTML для этого цвета.

Селектор цвета HTML

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

Теория цветовых кодов HTML

Вы задаетесь вопросом: «Значит ли что-нибудь эта странная комбинация букв и цифр?» Ответ на этот вопрос — «Да, значит». И вот что она значит:)

формат кодов HTML:
Каждый код HTML состоит из символа «#» и 6 букв или цифр. Используется шестнадцатеричная система счисления. Например, «FF» в шестнадцатеричной системе соответствует 255 в десятеричной.

Значение символов:
Первыми двумя символами в коде цвета HTML обозначается насыщенность красного цвета. 00 — наименее насыщенный и FF — наиболее насыщенный. Третий и четвертый символы означают насыщенность зеленого, а пятый и шестой — синего. Таким образом, комбинируя разные по насыщенности оттенки красного, зеленого и синего, мы можем получить фактически любой угодный нам цвет;)

Примеры:
#FF0000 — Этим кодом HTML мы сообщаем браузеру команду отображать максимально возможный красный цвет и вообще не отображать зеленый и синий. В результате, естественно, мы получаем чистый красный цвет:

#00FF00 — Этот код HTML отображает только зеленый, без красного и синего. Результат:

#0000FF — Этот код HTML отображает только синий, без красного и зеленого. Результат:

#FFFF00 — Сочетание красного и зеленого цветов дает нам желтый:

#CCEEFF -Взять немного красного, чуть больше зеленого и по максимуму синего для получения небесно-голубого:

Поддержите этот сайт

Поддержите, пожалуйста, этот сайт, опубликовав на него ссылку. Все, что вам нужно сделать, — этот поместить приведенный ниже код на ваш сайт. Также распространяйте информацию о нас через социальные сети (Твиттер, Фейсбук, Google +1):

Названия, HEX и RGB коды цветов в HTML

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

ЦветRGB кодHEX кодНазвание цветаНазвание цвета на англ.
000000000#000000ЧерныйBlack
000000128#000080Темно-синийNavy
000000139#00008bТемно-голубойDarkblue
000000205#0000cdУмеренно-голубойMediumblue
000000255#0000ffСинийBlue
000100000#006400Темно-зеленыйDarkgreen
000128000#008000ЗеленыйGreen
000128128#008080ЧайныйTeal
000139139#008b8bТемный цианDarkcyan
000191255#00bfffТемный небесно-синийDeepskyblue
000206209#00ced1Темно-бирюзовыйDarkturquoise
000250154#00fa9aУмеренный синевато-серыйMediumspringgreen
000255000#00ff00ИзвестковыйLime
000255127#00ff7fВесенний зеленыйSpringgreen
000255255#00ffffМорской волныAqua
025025112#191970Ночной синийMidnightblue
030144255#1e90ffТускло-васильковыйDodgerblue
032178170#20b2aaСветлой морской волныLightseagreen
034139034#228b22Лесной зеленыйForestgreen
046139087#2e8b57Морской зеленыйSeagreen
047079079#2f4f4fТемный синевато-серыйDarkslategray
050205050#32cd32Зеленовато-известковыйLimegreen
060179113#3cb371Умеренной морской волныMediumseagreen
064224208#40e0d0БирюзовыйTurquoise
065105225#4169e1Королевский голубойRoyalblue
070130180#4682b4Голубовато-стальнойSteelblue
072061139#483d8bТемный серовато-синийDarkslateblue
072209204#48d1ccУмеренно-бирюзовыйMediumturquoise
075000130#4b0082ИндигоIndigo
085107047#556b2fТемно-оливковыйDarkolivegreen
095158160#5f9ea0Блеклый серо-голубойCadetblue
100149237#6495edВасильковыйCornflowerblue
102205170#66cdaaУмеренно-аквамариновыйMediumaaquamarine
105105105#696969Тускло-серыйDimgray
106090205#6a5acdСеровато-синийSlateblue
107142035#6b8e23Тускло-коричневыйOlivedrab
112128144#708090Синевато-серыйSlategray
119136153#778899Светлый синевато-серыйLightslategray
123104238#7b68eeУмеренный серовато-синийMediumslateblue
124252000#7cfc00Зеленой травыLawngreen
127255000#7fff00ФисташковыйChartreuse
127255212#7fffd4АквамаринAquamarine
128000000#800000Оранжево-розовыйMaroon
128000128#800080ПурпурныйPurple
128128000#808000ОливковыйOlive
128128128#808080СерыйGray
135206235#87ceebНебесно-голубойSkyblue
135206250#87cefaСветлый небесно-синийLightskyblue
138043226#8a2be2Светло-фиолетовыйBlueviolet
139000000#8b0000Темно-красныйDarkred
139000139#8b008bТемный фуксинDarkmagenta
139069019#8b4513Старой кожиSaddlebrown
143188143#8fbc8fТемный морской волныDarkseagreen
147112219#9370dbУмеренно-пурпурныйMediumpurple
148000211#9400d3Темно-фиолетовыйDarkviolet
152251152#98fb98Бледно-зеленыйPalegreen
153050204#9932ccТемно-орхидейныйDarkorchid
154205050#9acd32Желто-зеленыйYellowgreen
156238144#9cee90Светло-зеленыйLightgreen
160082045#a0522dОхраSienna
165042042#a52a2aКоричневыйBrown
169169169#a9a9a9Темно-серыйDarkgray
173216230#add8e6Светло-голубойLightblue
173255047#adff2fЖелто-зеленыйGreenyellow
175238238#afeeeeБледно-бирюзовыйPaleturquise
176196222#b0c4deСветло-стальнойLightsteelblue
176224230#b0e0e6Туманно-голубойPowderblue
178034034#b22222Огнеупорного кирпичаFirebrick
184134011#b8860bТемный красно-золотойDarkgoldenrod
186085211#ba55d3Умеренно-орхидейныйMediumorchid
188143143#bc8f8fРозово-коричневыйRosybrown
189183107#bdb76bТемный хакиDarkkhaki
192192192#c0c0c0СеребристыйSilver
199021133#c71585Умеренный красно-фиолетовыйMediumvioletred
205092092#cd5c5cЯрко-красныйIndianred
205133063#cd853fКоричневыйPeru
210105030#d2691eШоколадныйChocolate
210180140#d2b48cЖелтовато-коричневыйTan
211211211#d3d3d3Светло-серыйLightgray
216191216#d8bfd8ЧертополохаThistle
218112214#da70d6ОрхидейныйOrchid
218165032#daa520Красного золотаGoldenrod
219112147#db7093Бледный красно-фиолетовыйPlaevioletred
220020060#dc143cМалиновыйCrimson
220220220#dcdcdcСветлый серо-фиолетовыйFainsboro
221160221#dda0ddСливовыйPlum
222184135#deb887Старого дереваBurlywood
224255255#e0ffffСветлый цианLightcyan
230230250#e6e6faБледно-лиловыйLavender
233150122#e9967aТемный оранжево-розовыйDarksalmon
238130238#ee82eeФиолетовыйViolet
238232170#eee8aaБледно-золотойPalegoldenrod
240128128#f08080Светло-коралловыйLightcoral
240230140#f0e68cХакиKhaki
240248255#f0f8ffБлекло-голубойAliceblue
240255240#f0fff0Свежего медаHoneydew
240255255#f0ffffЛазурьAzure
244164096#f4a460Рыже-коричневыйSandybrown
245222179#f5deb3ПшеничныйWheat
245245220#f5f5dcБежевыйBeige
245245245#f5f5f5Белый дымчатыйWhitesmoke
245255250#f5fffaМятно-кремовыйMintcream
248248255#f8f8ffТуманно-белыйGhostwhite
250128114#fa8072Оранжево-розовыйSalmon
250235215#faebd7Античный белыйAntuquewhite
250240230#faf0e6ЛьнянойLinen
253245230#fdf5e6Старого коньякаOldlace
255000255#ff00ffФуксияFuchsia
255020147#ff1493Темно-розовыйDeeppink
255069000#ff4500Красно-оранжевыйOrangered
255099071#ff6347ТоматныйTomato
255105180#ff69b4Ярко-розовыйHotpink
255127080#ff7f50КоралловыйCoral
255140000#ff8c00Темно-оранжевыйDarkorange
255160122#ffa07aСветлый оранжево-розовыйLightsalmon
255165000#ffa500ОранжевыйOrange
255182193#ffb6c1Светло-розовыйLightpink
255192203#ffc0cbРозовыйPink
255215000#ffd700ЗолотойGold
255218185#ffdab9ПерсиковыйPeachpuff
255222173#ffdeadГрязно-серыйNavajowhite
255228181#ffe4b5БолотныйMoccasin
255228196#ffe4c4БисквитныйBisque
255228225#ffe4e1Туманно-розовыйMistyrose
255235205#ffebcdСветло-кремовыйBlanchedalmond
255239213#ffefd5ДыниPapayaawhip
255240245#fff0f5Бледный розово-лиловыйLavenderblush
255245238#fff5eeМорской пеныSeashell
255248220#fff8dcБледно-желтыйCornsilk
255250205#fffacdЛимонныйLemonchiffon
255250240#fffaf0Цветочно-белыйFloralwhite
255250250#fffafaСнежныйSnow
255255000#ffff00ЖелтыйYellow
255255224#ffffe0Светло-желтыйLightyellow
255255240#fffff0Слоновой костиIvory
255255255#ffffffБелыйWhite

Хотим заметить, что в HTML допускается использование как HEX кода, так и эквивалента на английском языке. Другими словами для придания тексту цвета Индиго можно использовать код Ваш текст , либо Ваш текст , результат будет одинаковый.

Таблица html цветов. Названия и коды цветов в RGB. Палитра цветов

В языках html и css, для того чтобы страницы не были серыми и однотипными, имеется возможность цветового оформления документов. Для этого обычно используют модель RGB — аббревиатура от трех английских слов — названий цветов: red (красный), green (зеленый) и blue (синий).

В html и css для обозначения цвета используются ключевые слова — названия цвета, либо шестнадцатеричный цветовой код.

Формат цветового кода html представляет из себя символ «#» и набор из шести цифр и латинских букв от A до F . Это так называемый шестнадцатеричный код, в котором, например, буква «A» соответствует десятеричному числу 10, а комбинация «FF» — десятеричному 255.

Каждый символ в шестнадцатеричном коде имеет определенное значение. Так первые два символа в коде цвета HTML обозначают насыщенность красного цвета (00 — минимальная насыщенность; FF — максимальная насыщенность). Третий и четвертый символ определяют насыщенность зеленого цвета, а пятый и шестой синего. Например, код красного цвета #FF0000, зеленого соответственно #00FF00.

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

Таблица базовых названий цветов

Название цветаHEXЦвет
Black#000000
silver#C0C0C0
gray#808080
white#FFFFFF
maroon#800000
red#FF0000
purple#800080
fuchsia#FF00FF
green#008000
lime#00FF00
olive#808000
yellow#FFFF00
navy#000080
blue#0000FF
teal#008080
aqua#00FFFF

Расширенная таблица названий цветов

Название цвета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

Использование цветовых кодов HTML

При помощи цветовых html кодов и соответствующих css свойств можно задавать цвет фона для элементов веб страницы или цвет текста.

Например, используя css свойство background и любой из цветовых кодов можно задать цвет фона страницы:

А с помощью свойства color можно управлять цветом текста любого html элемента:

6. CSS — Цвета: форматы и коды

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

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

ФорматСинтаксисПример
Шестнадцатеричный код#00FF00p
Короткий шестнадцатеричный код#0F0p
RGB %rgb(rrr%,ggg%,bbb%)p
RGB абсолютныйrgb(rrr,ggg,bbb)p
Ключевое словоgreen, white, black и т.д.p

Ниже более подробно описаны перечисленные форматы.

Содержание

  1. Цвета CSS — шестнадцатеричные коды
  2. Цвета CSS — короткие шестнадцатеричные коды
  3. Цвета CSS — RGB значения
  4. Генератор цветовых кодов
  5. Безопасные цвета браузера

Цвета CSS — шестнадцатеричные коды

Шестнадцатеричный код цвета — это шестизначное представление цвета. Первые две цифры (RR) — представляют собой красное значение, следующие две — это зеленое значение (GG), а последние — синее значение (BB).

Шестнадцатеричное значение может быть взято из любого графического программного обеспечения, такого как Adobe Photoshop, Core Draw и др.

Каждому шестнадцатеричному коду цвета в CSS будет предшествовать знак хеша «#». Ниже приведены примеры использования шестнадцатеричных обозначений.

ЦветШестнадцатеричный цвет
Белый#FFFFFF
Черный#000000
Красный#FF0000
Лайма#00FF00
Синий#0000FF
Желтый#FFFF00
Морская волна#00FFFF
Фуксия#FF00FF

Цвета CSS — короткие шестнадцатеричные коды

Короткий шестнадцатеричный код цвета — это более короткая форма шестизначной нотации. В этом формате каждая цифра повторяется, чтобы получить эквивалентное шестизначное значение цвета. Например: #0F0 становится #00FF00.

Шестнадцатеричное значение может быть взято из любого графического программного обеспечения, такого как Adobe Photoshop, Core Draw и др.

Каждому шестнадцатеричному коду цвета в CSS будет предшествовать знак хеша «#». Ниже приведены примеры использования шестнадцатеричных обозначений.

ЦветШестнадцатеричный цвет
Белый#FFF
Черный#000
Красный#F00
Лайма#0F0
Синий#00F
Желтый#FF0
Морская волна#0FF
Фуксия#F0F

Цвета CSS — RGB значения

RGB значение — это код цвета, который задается с помощью свойства rgb(). Это свойство принимает три значения: по одному для красного, зеленого и синего. Значение может быть целым числом, от 0 до 255, или процентом.

Примечание: не все браузеры поддерживают свойство rgb() цвета, поэтому не рекомендуется его использовать.

Ниже приведен пример, показывающий несколько цветов с использованием значений RGB.

ЦветШестнадцатеричный цвет
Белыйrgb(255, 255, 255)
Черныйrgb(0, 0, 0)
Красныйrgb(255, 0, 0)
Лаймаrgb(0, 255, 0)
Синийrgb(0, 0, 255)
Желтыйrgb(255, 255, 0)
Морская волнаrgb(0, 255, 255)
Фуксияrgb(255, 0, 255)

Генератор цветовых кодов

Вы можете создавать миллионы цветовых кодов с помощью нашего сервиса CSS цвета онлайн.

Безопасные цвета браузера

Ниже представлена таблица из 216 цветов, которые наиболее безопасные и независимые от компьютера. Эти цвета в CSS варьируются от 000000 до FFFFFF шестнадцатеричного кода. Они безопасны в использовании, поскольку гарантируют, что все компьютеры будут правильно отображать цвет при работе с 256 цветовой палитрой.

Палитра цветов по CMYK

Палитра для красок CMYK — Четырёхцветная автотипия (CMYK: Cyan, Magenta, Yellow, Key color. ) — субтрактивная схема формирования цвета, применяется в текстильном производстве.

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

Цветовая палитра CMYK расшифровывается следующим образом:

  • С (cyan) – ярко-голубой;
  • M (magenta) – ярко-розовая;
  • Y (yellow) – желтый;
  • К (black) – черный.

Данная аббревиатура не только отражает сами цвета, но и способна выразить в процентном соотношении любой оттенок. За 100% принимается объем краски, который выдаёт машина при печати одного из основных цветов этой системы. Палитра CMYK при подборе цветов имеет несколько правил:

  1. Самый насыщенный яркий цвет получается при 100% соотношении;
  2. Составные сложные оттенки имеют преимущество перед одной краской;
  3. Синий цвет более насыщенный, чем другие красители.

Что касается черного, то при формуле соотношения C -0%, M -0%; Y – 0%; K- 100%, этот цвет не будет достаточно насыщенным. Поэтому для лучшего отражения черного оттенка в среднем (цифра будет варьироваться от настроек машины) это С – 40%; М – 40%; Y – 40%; K – 100%, максимально С – 70%; М – 60%; Y – 60%; K – 100%.

Важно! Значение K в черном должно быть 100%.

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

CMYK обеспечивает точную имитацию цветов, получаемых путем наложения друг на друга точками основных цветов: желтых, голубых, пурпурных и черных.

Формулы подбора цветов по CMYK:

Серый CMYK:

С(20%); М(20%); Y (20%); K (20%) = светло-серый
С(40%); М(40%); Y (40%); K (40%) = средне-серый
С(60%); М(60%); Y (60%); K (60%) = темно-серый

Красный CMYK:

Самый яркий цвет получается при смешивании 100% оттенка M (magenta) и 100%Y (yellow). Другие цвета получаются с добавлением черного и синего.

С(0%); М(100%); Y (100%); K (0%) = красный
С(0%); М(90%); Y (100%); K (0%) = алый
С(30%); М(100%); Y (100%); K (30%) = бордовый

Оранжевый CMYK:

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

С(0%); М(60%); Y (100%); K (0%) = оранжевый
С(0%); М(40%); Y (100%); K (0%) = желто-оранжевый
С(0%); М(40%); Y (30%); K (0%) = коралловый

Розовый CMYK:

Среди оттенков этого спектра наиболее насыщенными будут «маджента» и «фуксия». Другие цвета будут более бледными.

С(0%); М(60%); Y (0%); K (0%) = розовый
С(0%); М (100%); Y (0%); K (0%) = маджента
С(20%); М (100%); Y (20%); K (0%) = фуксия
С(0%); М(50%); Y (40%); K (0%) = лососевый

Зеленый CMYK:

Наиболее насыщенным зеленый цвет получается при 100% соотношении синего и желтого цветов. Другие цвета этого спектра с добавлением 100% желтого также получаются достаточно насыщенными и яркими.

С(100%); М(0%); Y (100%); K (0%) = зеленый
С(50%); М(0%); Y (100%); K (0%) = салатовый
С(60%); М(50%); Y (100%); K (0%) = оливковый
С(100%); М(0%); Y (50%); K (0%) = сине-зеленый
С(50%); М(0%); Y (50%); K (0%) = светло-зеленый
С(100%); М(30%); Y (100%); K (30%) = темно-зеленый

Синий CMYK:

Хотя этот цвет присутствует в основном спектре, он редко используется в чистом виде. Чаще используются оттенки с добавлением других цветов.

C (100%); M (50%); Y (0%); K (0%) = синий
C (100%); M (60%); Y (0%); K (30%) = темно-синий
C ( 100%); M (80%); Y (0%); K (0%) = фиолетово-синий
C (100%); M (60%); Y (40%); K (0%) = сине-зеленый
C (70%); M ( 0%); Y (25%); K (0%) = бирюзовый

Фиолетовый CMYK:

C ( 100%); M (100%); Y (0%); K (0%) = фиолетовый
C ( 50%); M ( 100%); Y ( 0%); K (0%) = пурпурный
C ( 80%); M (100%); Y ( 0%); K ( 0%) = красно-фиолетовый
C ( 50%); M ( 50%); Y (0%); K (0%) = сиреневый

Коричневый, золотой, бежевый, телесный CMYK:

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

C (30%); M ( 30%); Y ( 100%); K ( 5%) = золотой
C (50%); M ( 70%); Y ( 100%); K ( 30%) = коричневый
C (6%); M ( 30%); Y ( 50%); K ( 0%) = телесный
C (20%); M ( 35%); Y ( 44%); K ( 0%) = бежевый

Цветовой стандарт RAL

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

Первый стандарт RAL был разработан в далёком 1927 году в Германии и состоял из 40 цветов. С тех пор, институт RAL активно ведёт разработки добавляя новые образцы цветов, в соответствии с потребностями растущего рынка. В настоящее время, система RAL насчитывает несколько тысяч цветов.

Цвета RAL

На данный момент, стандарт RAL делится на 5-ть каталогов, каждый из которых имеет своё предназначение и применяется для конкретных целей.

RAL Classic — самый применяемый стандарт RAL. Полная таблица с цветами из этого каталога приведена немного ниже.

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

RAL Digital — это цифровая (компьютерная) версия всех каталогов RAL. Это программное обеспечение, в которое импортированы все каталоги и цвета RAL. Применяется для работ с дизайнерским программным обеспечением и в системах автоматического проектирования.

RAL Effect — это каталог для матовых оттенков, водно-дисперсионных красок и глянцевых оттенков для красок типа металлик, разработанный в 2007-ом году.

RAL Plastics — новый независимый цветовой стандарт для пластика. Был создан в связи с большим спросом в индустрии переработки пластмасс. Насчитывает 300 цветов применяемых для пластмасс.

Таблица RAL Classic

Состоит из 213-ти цветов. Все они разделены в группы на девять диапазонов:

  • Жёлтые тона (RAL 1000 — RAL 1037)
  • Оранжевые тона (RAL 2000 — RAL 2013)
  • Красные тона (RAL 3000 — RAL 3033)
  • Фиолетовые тона (RAL 4001 — RAL 4012)
  • Синие тона (RAL 5000 — RAL 5026)
  • Зелёные тона (RAL 6000 — RAL 1038)
  • Серые тона (RAL 7000 — RAL 7048)
  • Коричневые тона (RAL 8000 — RAL 8029)
  • Чёрные и белые тона (RAL 9001 — RAL 9023)

Коды цветов ваз

На этой странице одновременно зажмите клавиши (CTRL F) и в верхнем правом углу введите название краски…
После чего ползунок переместит вас на указанную строчку. Для дальнейшего определения кода цвета… Лайф-хак для нубов)

100 Триумф metalic серебристо-красный
101 Кардинал ярко-красный
102 Абрикос metalic серебристо-светло оранжевый
104 Калина metalic ярко-красный 1117 Kalina универсал
105 Франкония metalic темно-вишнево-малиновый 2114
106 Красный перец красно-коричневый
107 Баклажан темно-фиолетовый
109 Золотисто-бежевый metalic золотисто-бежевый
110 Рубин красный —
116 Коралл metalic серебристый темно-красный
117 Бургундия metalic красный металлик
118 Кармен красный
120 Майя metalic серебристый темно-бордовый
121 Мальборо metalic красный
122 Реклама ярко-красный
123 Успех оранжевый
125 Антарес metalic темно-вишневый
127 Вишня темно-красный
128 Искра metalic красный
129 Виктория metalic серебристый ярко-красный
132 Вишневый сад темно-серебристо-красный
133 Магия metalic серебристо-ярко-фиолетовый
140 Яшма темно-вишневый
145 Аметист metalic серебристый фиолетовый
150 Дефиле серебристо-серо-коричневый
152 Паприка metalic серебристо-красно-оранжевый
162 Черешня темно-алый
170 Торнадо красный
180 Гранат темно-бордовый
182 Романс темно-красный
190 Калифорнийский мак metalic золотисто-красный
192 Портвейн metalic темно-вишневый металлик 2114
201 Белый белый
202 Снежно-белый ярко-белый
203 Жасмин бело-желтый
204 Айсберг белая-двухслойная
205 Альпийский metalic белый
206 Талая вода metalic светло-серый
207 Слоновая кость бежево-желтый
210 Примула светло-желтый
212 Капучино светлый серо-бежевый
215 Сафари светло-бежевый
217 Миндаль metalic серебристо-бежево-розовый
221 Ледниковый белый Лада Гранта
222 Премьер канареечный желтый
223 Нарцисс желтый
228 Чайная роза светло-желтый
230 Жемчуг metalic серебристо-бело-молочный
233 Серо-белый серо-белый
234 Медовый metalic желто-золотой
235 Бежевый бежевый
236 Серо-бежевый серо-бежевый
239 Невада metalic серебристо-серо-бежевый
240 Белое облако белый Лада Гранта
243 Акапулько ярко-жёлтый
245 Золотая нива metalic золотой
257 Звёздная пыль metalic бежево-сиреневый
262 Бронзовый век metalic бежево-коричневый
270 Нефертити metalic серебристый-бежевый
276 Приз metalic серебристо-бежевый
277 Антилопа metalic серебристо-бежевый
280 Мираж metalic серебристый-желто-зеленый
281 Кристалл metalic светло-серый 2114
285 Джем metalic желто-коричневый
286 Опатия metalic серебристый оранжевый
290 Южный крест metalic серо-бежевый
295 Сливочно-белый сливочно-белый
301 Серебристая ива metalic серебристый-зеленовато-серый
302 Бергамот metalic серебристо-зеленый
304 Наутилус темно-зеленый
305 Аспарагус metalic серебристо-светло-желтый
307 Зеленый сад темно-зеленый
308 Осока metalic зелено-голубой
310 Валюта metalic серо-зеленый
311 Игуана metalic серебристо-ярко-зеленый
313 Водолей metalic серо-зеленый
317 Меридиан зеленый
321 Дюшес metalic серебристо-молочно-зеленый
322 Колумбийская зелень metalic светло-зеленый
325 Морская пучина темно-зеленый
331 Золотой лист metalic золотистый темно-зеленый
340 Оливковый желто-зеленый
342 Прерия metalic серый
345 Оливин metalic золотисто-зеленый
347 Золото инков metalic золотистый темно-зеленый
352 Кедр серо-зеленый
353 Бальзам зеленый
355 Амазонка ярко-зеленый
358 Кайман metalic темно-зеленый
360 Сочи metalic серебристо-серо-зеленоватый 2114
363 Цунами metalic темно-зеленый
368 Несси ? темно-зеленый
370 Корсика metalic серебристый болотно-зеленый
371 Амулет metalic серебристо-темно-зеленый
373 Серо-зеленый серо-зеленый
377 Мурена сине-зеленый
381 Кентавр metalic серебристо-серо-голубой
383 Ниагара metalic серебристо-серо-голубоватый
385 Изумруд metalic серебристо-зеленый
387 Папирус metalic серебристо-серо-зеленоватый
388 Вавилон metalic серо-бежевый
391 Робин гуд metalic чёрный с изумрудно-зеленым отливом
399 Табачный metalic серебристый коричнево-зеленый
403 Монте-карло ярко-синий
404 Петергоф серо-зеленоватый
406 Ирис фиолетовый
407 Посейдон metalic темно-синий
408 Чароит metalic серебристый темно-фиолетовый
410 Магеллан темно-синий
412 Регата metalic серебристо-темно-синий
415 Электрон metalic темно-серый
416 Фея metalic серебристо-сиреневый
417 Пицунда зелено-синий
419 Опал metalic серебристо-голубоватый
420 Балтика темно-сине-зеленый
421 Афалина metalic серебристо-зелено-голубой
423 Гейзер metalic серо-голубой
425 Адриатика голубой
426 Мускари metalic темно синий
427 Серо-голубой серо-голубой
428 Медео голубой
429 Персей metalic тёмно-синий
430 Фрегат цвет морской волны
435 Ла-манш metalic серебристо-фиолетовый
440 Атлантика фиолетовый
441 Индиго тёмно-синий
442 Садко темно-голубой
445 Лазурит metalic фиолетово-синий
446 Сапфир metalic серебристый сине-фиолетовый
447 Синяя полночь синий
448 Рапсодия metalic серебристо-ярко-синий
449 Океан темно-синий
451 Боровница metalic серебристо-серо-синий
453 Капри metalic темно-синий
456 Тёмно-синий темно-синий
458 мулен руж ярко-фиолетовый
460 Аквамарин metalic серебристо-сине-зеленый
464 Валентина серо-фиолетовый
471 Темно-синий metalic темно-синий
473 Юпитер metalic серебристо-голубоватый
475 Тундра metalic серебристо-зеленоватый
478 Слива metalic серебристо-ярко-синий
480 Бриз зелено-голубой —
481 Голубой голубой
482 Черника metalic темно-синий
483 Сириус metalic серо-синий
487 Лагуна metalic серебристо-синий
488 Галактика metalic темно-фиолетовый
489 Лазурь синий
490 Астероид metalic тёмно-сине-зеленый
495 Лунный свет metalic светло-голубой
498 Лазурно-синий metalic серебристый темно-синий
499 Ривьера metalic сине-фиолетовый
502 Дыня metalic серебристо-желтый
503 Аккорд серебристо-коричневый
509 Темно-бежевый темно-бежевый
513 Черный жемчуг metalic серебристо-коричневый
515 Изабелла metalic темно-филетовый
601 Черный черный
602 Авантюрин metalic серебристо-черный
605 Престиж metalic серебристо-темно-синий
606 Млечный путь metalic серебристо-серо-графитовый 2114
610 Рислинг metalic серебристо-бледно-серый Лада Гранта
611 Алмазное серебро metalic серебристый
615 Полюс мира metalic серо-коричневый
620 Мускат metalic серебристо-серо-золотистый
626 Мокрый асфальт metalic серебристый стальной
628 Нептун metalic серебристо-темно-серо-синий
630 Кварц metalic серый 2114
631 Тополиный пух metalic серый
637 Черный шоколад metalic тёмно-коричневый
640 Серебристый metalic серебристый
645 Базальт metalic серо-чёрный
650 Совиньон metalic серебристо-серый
651 Черный трюфель metalic черный
655 Викинг metalic темно-серый
660 Альтаир metalic серебристый светло-серый
665 Космос metalic черный Лада Гранта
670 Сандал metalic бежево-красный
671 Светло-серый светло-серый
672 Пантера чёрная база
675 Лаванда серебристо-коричневый
682 Гранта темно-серый Лада Гранта
690 Снежная королева metalic серебристый 2114
691 Платина metalic серебристо-бежевый Лада Гранта
790 Кориандр metalic золотисто-коричневый
791 Солярис metalic темно-коричневый
793 Темно-коричневый темно-коричневый
795 Пирано metalic красно-коричневый
798 Корица metalic коричневый
963 Зеленый metalic зеленый
1001 Озеро тахо metalic темно-серо-зеленый
1002 Ри*** metalic темно-коричневый
1005 Салатовый metalic салатовый
1011 Синий калипсо темно-синий
1012 Зеленый авокадо темно-зеленый
1013 Красный порту metalic вишневый
1014 Мерцающий синий metalic серебристо-темно-синий
1017 Красный перец metalic серебристо-вишневый
1018 Алмазное серебро metalic серебристый
1019 Серое олово metalic серый серебристый
1020 Ультрамарин сине-зеленый
1021 Черный графит metalic серебристо-серо-графитовый
1115 Феерия metalic (GM) ярко-красный
1121 Олимпия metalic (GM) ярко-синий
1158 Аустер metalic (GM) серо-коричневый
1901 Золотая звезда metalic (GM) бежево-золотистый

0 0 голоса
Рейтинг статьи
Ссылка на основную публикацию
ВсеИнструменты
Adblock
detector