Цветовая палитра html

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

Цветовая гамма в html

В html цвет может быть задан в нескольких форматах:

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

  • Первая числовая пара – отвечает за красный цвет;
  • Вторая пара – за содержание зеленого цвета;
  • Последняя – за содержание синего цвета.

В начале кода (перед цифрами) ставится решетка. Так обозначается шестнадцатеричный цветовой код. Кроме чисел от 1 до 9 в этой системе исчисления используются буквы латинского алфавита (A, B, C, D, E, F).

Например, код белого цвета в html будет иметь вид #FFFFFF:

Цветовая палитра html
2. Ключевым словом – сейчас html поддерживает около 147 ключевых слов. Но не все из этих слов являются уникальными. Некоторые из них ссылаются на один и тот же цветовой оттенок.

Серый цвет обозначается двумя ключевыми словами: grey и gray. Их шестнадцатеричный код (HEX) задается одним и тем же значением #808080.

Пример:

Цветовая палитра html
3. В формате RGB – эта кодировка цветов в html основана на использовании трех значений, задаваемых в диапазоне от 0 до 255. Каждое из них определяет насыщенность оттенка одним из основных цветов:

  • R – красный (red);
  • G – зеленый (green);
  • B – синий (blue).

Номер цвета в формате RGB записывается в таком виде: rgb(0, 210, 100).

Пример:


Цветовая палитра html
4. В формате RGBA – он представляет собой усовершенствованный формат RGB, где четвертым значением задается прозрачность цвета в виде десятичной дроби от 0 до 1.

Пример использования:

Цветовая палитра html

Таблицы цветов html и генераторы цвета

При таком большом разбросе форматов установки цвета легко запутаться. Поэтому была придумана специальная таблица цветов. В ней к 147 ключевым названиям цветовых оттенков приведены коды соответствия во всех основных стандартах представления цвета. Дополнительно каждое поле снабжено планкой для визуального подбора цвета. Одна из таких таблиц представлена на сайте colorscheme.ru:

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

Чтобы обойти эту преграду и максимально упростить подбор нужного оттенка, были разработаны интерактивные веб-сервисы. Их пользовательский интерфейс может несколько разниться между собой.

На сайте html-color-codes.info генератор цветов имеет такой вид:


Цветовая палитра html
А в рамках сервиса color-picker.appsmaster.co этот инструмент реализован немного иначе:

Цветовая палитра html

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

Цветовая палитра html

Техника безопасности при работе с цветом

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

Тогда была выведена великая таблица безопасных цветов. В ней указывалось 216 оттенков, которые могли быть отображены без искажения в любом из браузеров того времени. И по сей день эта «великая рукопись» еще доступна на некоторых ресурсах:


Цветовая палитра html
В наше время все изменилось. Поэтому все правила техники безопасности при работе с цветом в html полностью аннулируются. Ведь современное компьютерное железо поддерживает более 16 миллионов различных оттенков. И 216 безопасных цветов канули в лету.

Основы цветовой гармонии

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

  • Схема параллельных цветов – когда оба оттенка в цветовом кругу находятся параллельно;
  • Триадная схема – в основе всех углов треугольника лежит один из цветов;
  • Монохроматическая – когда подбираются несколько близких оттенков одного цвета;
  • Аналоговая – более расширенная версия монохроматической схемы. При этом оттенки одного цвета находятся на определенном удалении.

Реализация всех этих схем хорошо представлена в рамках сервиса paletton.com. Он позволяет без труда осуществить гармоничный подбор цвета.

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

www.internet-technologies.ru

Полный список html цветов в таблице


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

Дополнительные сервисы

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

dolinacoda.ru

Представление цвета в HTML осуществляется несколькими способами, например, в виде кода, состоящего из шестнадцатеричных цифр, например: #FFDAB9. Каждая пара символов после # отвечает за определенный цвет из палитры RGB (красный, зеленый и синий).


Еще один способ представить код цвета в HTML – в виде набора чисел, как в этом случае: 255 222 173. Здесь тоже каждая группа цифр отвечает за количество определенного цвета из каналов RGB в итоговом результате.

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

Например:

  • white – код белого цвета в HTML;
  • black – код черного цвета;
  • red – код HTML красного цвета;
  • grey – код серого цвета и другие.

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

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

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

Названия не чувствительны к регистру, поэтому записывать их можно в любом виде. Таблица цветов HTML, которую вы можете увидеть ниже, содержит всю «безопасную» палитру. Названия каждого показываются в двух обозначениях: шестнадцатеричный код и символы записи в RGB:

Цветовая палитра html 

www.imagecms.net

***

Каталог названий цвета в русском языке (с дополнениями и пояснениями)

абрикосовый – оранжево-желтый, красновато-желтый.

амарантовый – сиренево-розовый, светло-лиловый.

английский газон – ярко-зеленый

анисовый лед – холодный зеленовато-желтый

апельсиновый – оранжевый, ярко-оранжевый.

апрельское небо – голубая лазурь

балтийский пляж – беловато-бежевый

балтийский туман – тусклый светло-серый

бархатное небо – насыщенный темно-синий

бархатный подсолнух – темно-золотистый

белая ночь – светловато-белесый

берестяная грамота – золотисто-коричневый

бесконечно синее небо – глубокий синий

болотные сумерки – зеленовато-бурый

брусничный дождь – прозрачный красновато-розовый

брызги шампанского – искрящийся светло-желтый

брюшко тропической рыбки – серебристо-белый

бусый – темный голубо-серый или серо-голубой


бушующий океан – сиренево-розовый с металлическим блеском

Веджвуд – цвет веджвудского фарфора; фиалковый, серовато-голубой

венская зелень – нежно-зеленый

весенняя проталина – темно-бурый

вечер на рейде – черно-синий

вечернее южное небо – ультрамарин.

вечерний синий – темно-синий.

вишнёвый – цвета поспевшей вишни, тёмно-красный.

водопад – голубовато-серебристый.

водяная феерия – перламутрово-голубой.

волна и пена – сочетание белого и сине-серого.

восход – розовато-оранжевый.

восход в восточных садах – теплый ярко-розовый.

восход в сопках – холодный розовый.

высохшая саванна – выгоревший серо-желтый.

глаза пантеры – светящийся желто-зеленый.

глетчер – средне-серый.

гнедой окрас – близкий к рыжему.

голубое сердце – серебристо-голубой

голубое утро – нежный сиренево-голубой

голубой ангел – бледно-голубой

голубой Дунай – веселый голубой

голубой Терек – прозрачный голубой

голубой цвет Пикассо – грязновато-голубой (характерный для картин Пикассо)

горные вершины – сверкающий белый

горящий камин – огненно-красный

грин – бледно-зелёный цвет американских долларовых купюр.

грозовой перевал – темно-серый

Дельфт – цвет дельфтского фарфора: серовато-синий с лиловым оттенком


деним – цвет темной джинсовой ткани: серовато-синий

дождливый восход – розовато-серый

дождь (цвет дождя) – прозрачный сероватый

жемчужная пашня – цвет изморози на влажном весеннем поле: буровато-седой

закат в джунглях – жгучий желто-красный

закат в кедровых рощах – золотисто-медный

закат в песках Сахары – золотисто-оранжевый

запах розы – пастельно-розовый

заросли камыша – мягкий буро-зеленый

затмение – тревожный черно-серый

зеленый полумрак – темный бархатисто-зеленый

зимнее утро – холодный бледно-голубой

зимние сумерки – серовато-голубой

золотая дюна – светло-песочный с золотистым оттенком

золотая осень – багряно-желтый

золотое руно – переливающийся палево-рыжий

изумруд Нефертити – темно-изумрудный

изумрудные сумерки – бархатисто-зеленый

изумрудный гейзер – цвет сверкающих на солнце зеленых брызг воды

изумрудный шартрез – искрящийся темно-зеленый

испанское вино – цвет темного красного вина

Италийская ваза – терракотовый

Каирская роза – оранжево-розовый

кайенский – коричневый

калина красная – темно-алый

камышовая тишь – мягкий буро-зеленый

каньон – пыльно-коричневый

карельский туман – молочно-белесый

киноварный – цвет киновари, ярко-красный.


кипенный сад – кипенно-белый (цветы фруктового сада в разгар цветения).

кипящая лава – слепящий огненно-красный

клубничная весна – интенсивно-розовый с синевой

клюквенный – краснопурпурный.

коралловое утро – пастельный морковно-розовый

космический голубой – глубокий голубой

космический синий – глубокий синий

космос – чёрно-синий.

красный в тонах Пикассо – багрово-красный (характерный для картин Пикассо)

красный от Монро – цвет алого платья Мерилин Монро

красный цвет Матисса – серовато-красный (характерный для картин Матисса)

крымская лазурь – цвет морской дали в ясный день: яркий зеленовато-голубой

купоросный – цвет раствора медного купороса, пронзительно-голубой

лава Везувия – огненный

лазуревый – устаревшая форма слова лазоревый.

латунный – оттенок темно-желтого.

ледяной шторм – темный сине-серый с блестками

лиловый негр – сиреневато-шоколадный

лондонский рассвет – светло-серый с розоватым оттенком

лунная лава – цвет старой застывшей лавы: голубоватый серо-желтоватый

лунное затмение – иссиня-черный

лунный камень – глянцевый молочно-белый

лунный свет – холодный бледно-голубоватый

луч заходящего солнца – нежный пурпурно-красный

Мейсен – цвет мейсенского фарфора: темно-голубой

малахитовый зал – насыщенный темно-зеленый

мартовские тени – голубовато-серый

метистовая ночь – темный фиолетово-синий

милитари – хаки

молоко матери – кремово-белый

монастырский белый – чистый аскетический белый

море после шторма – серовато-синий

мороз и солнце – сочетание солнечно-желтого и голубого

морские камни – глянцевый голубовато-бурый

московские сумерки – сизо-серый

муаровый (франц. moire) – с волнистым отливом; переливающийся цвет.

муравый, муравленый – цвет луговой травы.

невская вода – голубовато-стальной

нефрит Клеопатры – матово-зеленый

низкое небо – мрачно-серый

нильский закат – оранжевый

ноготковый – желтый с красным оттенком.

крымская ночь – глубокая чёрная бирюза.

ночь влюбленных – тёмно-бирюзовый.

ночная вода – темный агат

ночная река – маслянистый зелено-черный

ночная тайга – черно-зеленый

ночной луг – зеленовато-черный

нью-йоркский смог – бледно-серый

оксфордский синий – тёмно-васильковый.

опаловый – цвета молочного опала, матово-белый с радужным отливом.

орлецовый – цвета орлеца (красного родонита); вишнево-розовый.

осенний закат – тревожный багряно-красный

осенние сумерки – лиловато-серый

открытое небо – открытый голубой

отлив – грязноватый сине-зеленый

оттенок весны – нежно-оливковый

офисный зеленый – цвет зеленого бильярдного сукна

парижская грязь – булыжный

парчовый – золотой

пасхальный красный – охристо-алый

патина Исаакия – салатовый, зеленый с седым налетом

пепел розы – розовато-серый

персидский голубой – голубой с лиловым оттенком

песчаная буря – желтовато-серый

петербургский рассвет – однообразный тоскливо-серый с малиновым проблеском

подводное течение – темная морская волна

подмосковный загар – средне-смуглый

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

поздняя осень – темно-бурый

поземка – холодный сизо-белый

полночная синь – черно-синий

полынья – темно-свинцовый

померанцевый – ярко-оранжевый.

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

предпасхальная бирюза московского неба – ярко-голубой

прерия – выгоревший зеленый

пряный бальзам – коричнево-красный

пунцовый – ярко-красный.

пустыня – желто-бежевый.

пучина океана – сине-черный.

цвет пьяной вишни – сероватый бордо.

ранние сумерки – голубовато-серый.

ранняя весна – прозрачный светло-голубой

ранняя осень – золотисто-зеленый

рассвет в ущелье – розовато-серый

рассвет на Валдае – красно-розовый

рассвет на Эльбрусе – светло-голубой с красным и белым

рдяный – красный,алый.

редмахагони – цвет красного дерева

розмариновый – сиренево-лиловый.

рубин Моголов – глубокий малиновый

саванна – выгоревший желто-зеленый

санрайз – розово-красный.

свежее утро – нежный розовато-голубой

свет утра – розово-серый

северное сияние – переливающийся голубовато-розовый

северный восход – малиновый

седое алоэ – белесый зеленый

седой кирпич – кирпично-красный с белесым налетом

серебристо-полярный – серебристый голубовато-белый

серый прибой – серовато-голубой

синева южного неба – бархатно-синий

сиреневые сумерки – сиренево-серый

сиреневый дождь – прозрачный сиренево-серый

ситец летнего неба – ярко-голубой

скалы – серо-коричневый

скандинавские фьорды – мрачный синевато-серый

слоеное мороженое – сочетание молочно-белого, розового и светло-коричневого

смальта (или шмальта) – ярко-синий

смарагдовый сомик – глянцевый сочно-зеленый

смог над городом – светлый графитно-серый

смуглый мед – цвет светлого гречишного меда: золотисто-коричневый

смурый – тёмно-серый

солнечная роса – перламутрово-желтый

солнце в пустыне – слепящий желто-белый

старинные румяна – пунцово-красный

старое бургундское – темно-красный

старый аквариум – мутно-зеленый

студеный ручей – стальной голубой

стюардесса – ярко-синий

сумерки – пасмурно-серый

сургучный – цвет почтового сургуча, коричневый.

таежное урочище – цвет темно-зеленой хвои

таежный омут – зелено-черный

таинственный лес – мрачный серо-зеленый

тень – средне-серый

терракотовый – цвета терракоты, тёмно-рыжий, кирпично-красный, медно-красный.

тихая заводь – цвет темно-зеленой тины

туман у импрессионистов – серебристо-розовый

тусклый день – тусклый серо-голубой

утренние скалы – розовато-серый

утренние сумерки – голубовато-серый

утренний асфальт – розоватый белесо-серый

утренний плес – розово-песочный

утренний смог – полупрозрачный светло-серый

утренняя дымка – прозрачный дымчато-голубой

уходящее солнце – красно-золотой

флорентийская эмаль – яркий индиго

флотский синий – темно-синий

французский беж – изысканный бежевый

хмурое утро – тревожно-серый

холодное небо – светло-голубой

цветущая сакура – бледно-сиреневый.

червонный – красный,алый

черная слеза – блестящий черный

чернила осьминога – темно-фиолетовый

черные сумерки – бархатный черный.

чесучовый – цвета чесучи, желтовато-песочной шелковой ткани.

шабо – чёрный какао.

шамуа – похожий на цвет верблюжьей шерсти, светло-коричневый, «кремовый».

шафранный – тёмно-жёлтая расцветка.

шотландский красный – чистокрасный.

шубка крота – чёрный кофе.

южный загар – шоколадно-смуглый

южная лазурь – глубокий синий

южная ночь – бархатисто-черный

ягода – светло-розовый

янтарный – тёмно-жёлтый, медовый.

яринный – зеленый

яркая лазурь предмайского неба – яркий небесно-голубой

ясписовый (греч.Iaspis’яшма’) – от песочного до ярко-красного.

яхонтовый – цвет рубина или сапфира, чаще рубина (корунд тёмно-красного цвета).

http://www.compuart.ru/Article.aspx?id=8712 – первоначальный вариант списка. ***

www.kakras.ru


You May Also Like

About the Author: admind

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

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Adblock
detector