Html цвет код яндекс: HTML коды и RGB цвета для сайта, подобрать и задать цвета текста в HTML и CSS, Яндекс.Цвета и другие программы палитр для подбора цвета

Содержание

HTML коды и RGB цвета для сайта, подобрать и задать цвета текста в HTML и CSS, Яндекс.Цвета и другие программы палитр для подбора цвета

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

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

Коды и таблицы базовых RGB цветов, задание цвета в Html и CSS

Логично, что в текстовой разметке и CSS ( каскадные таблицы стилей) имеется возможность цветового оформления текста, иначе все страницы были монотомными и малозаметными. Для цветового оформления текста обычно используется цветовая модель RGB ( с английского Red — Красный, Green

— Зеленый, Blue — Синий)

В цветовой модели RGB используется всего три цвета, каждый цвет которого может представлен разными уровнями яркости. В Html или CSS можно выбрать, для каждого из трех цветов, одну из 256 возможных градиаций цветов, а 256 потому что столько значений цвета можно закодировать в 1 байте информации.

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

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

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

2. Задать цвет кода в CSS, вводя название кода цвета.

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

Но в шестнадцатеричной системе в отличие от десятичной в коде цвета присутствуют помимо цифр и буквы латинского алфавита, поэтому здесь есть своя система формирования цифр, но углубляться не стоит, так к примеру, белый цвет для HTML можно будет задать так: #ffffff, а черный: #000000. То есть 00 соответствует 0 в десятичной системе, а ff — 256.

То есть на каждый канал RGB цвета для Html или CSS отводится 2 шестнадцатеричной цифры, поэтому цвета Html кода состоят из шести цифр или букв, которые приравнены в шестнадцатеричной системе к цифрам, где перед ним ставится знак «#». Все довольно просто, так простые цвета для Html или CSS будут выглядеть так:

Цвет	Html коды цвета
Белый	#ffffff
Черный	#000000
Желтый	#ffff00
Зеленый	#008000
Серый	#808080
Синий	#0000ff
Красный	#ff0000

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

Яндекс Цвета — подбор цветовой схемы в палитре RGB цветов, в Yandex выдаче, Html коды

Также можно подобрать цветовую схему для сайта в Яндексе, достаточно вбить в строку поиска слово «цвет» или какое-либо название цвета. В результате наверху страницы, в результатах выдачи будет палитра Яндекс.Цвета для подбора цвета для сайта. В правом углу будет показан шестнадцатеричный код цвета, который можно вставить к себе в web документ и использовать, а выше RGB цвета.

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

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

Некоторые цвета в гипертекстовой разметке цвета можно указать словом, так «white» — белый цвет, «gray» — серый и т.д. Но есть нюанс, задавать цвета в Html таким способом получится для небольшого количества цветов. Ну понятно, что 16 миллионов цветов в RGB с помощью слов вы не сможете найти не в одной таблице.

В валидаторе гипертекстовой разметки W3C 4.01 ( его поддерживают все браузеры) представлено 16 оттенков, которые составляют таблицу цветов Html и CSS можно будет задать с помощью слов:

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

Примеры и способы применения кодов цвета в Html и CSS и названия RGB цветов в web документах, изменение цвета текста с помощью атрибута color

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

Поэтому я все же приведу примеры задания цвета в HTML словами и кодом, при этом будут использоваться уже не рекомендуемые валидатором W3C теги. Так раньше цвет фона страницы задавали через атрибут «bgcolor» тегом «BODY», а цвет текста на всей странице атрибутом «text».

<body bgcolor=»#ffd700″ text=»purple»>web страница</body>

В результате вы получите страницу с золотистым фоном и пурпурным шрифтом. До того, когда CSS вошел в обиход для задания цвета шрифта в определенном участке надо было прописывать тег «FONT», который не рекомендуется W3C, а для задания цвета в него включали атрибут «color»:

<font color=»#ff0000″>участок текста, который нужно было окрасить в красный цвет</font>

Чтобы окрасить определенную часть текста в выбранный вами цвет ( например я выбрал синий) при помощи тега «FONT», надо прописать следующий HTML код:

<font color=”#000bff”> Часть текста, шрифт которого надо заменить на синий цвет </p>

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

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

Подбор, определение HTML кода, RGB цветов с помощью программ — для работы с цветовыми палитрами

Как я уже описал выше, чтобы задать код цвета в HTML и CSS используется цветовая модель RGB ( трехцветная модель, состоящая из трех цветов — красный, зеленый, синий). Для каждого из цветов предусмотрено 256 градиаций — от 0 до 255 ( то есть в шестнадцатеричной системе — от 00 до FF).

Так как у нас используется три основных цвета, их комбинаций которых получаются остальные, то код цвета в HTML и CSS будет выглядеть так 08457e ( оттенок синего). Тогда lkz записи кода цвета в HTML надо добавить перед кодом знак решетки «#», получим код цвета для HTML: #08457e.

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

1. HTMLColor 2000

2. ColorPic

3. ColorMania

4. Contrast Analyser 2.0

5. Absolute Color Picker

6. Just Color Picker

Ну а для того, чтобы увидеть результаты вашей работы ( когда выписал HTML код для сайта в текстовом редакторе, советую Notepad++) документ HTML кода сохраните файл в формате html и откройте в любой браузере, чтобы просмотреть, как будет выглядеть.

Посмотрите также видео про «Цвета в HTML и CSS»:

Color_setting — Технологии Яндекса

Изменение температуры цвета в кельвинах. Диапазон указывается в дополнительных полях min и max. Диапазон по умолчанию 2000—9000К.

Значение будет преобразовано в цвет из палитры цветов ниже.

Ограничение.

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

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

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


Цвет	Температура, К	Значение по умолчанию
Огненный белый	1500	Нет
Мягкий белый	2700	Нет
Теплый белый	3400	Нет
Белый	4500	Является значением по умолчанию
Дневной белый	5600	Нет
Холодный белый	6500	Нет
Туманный белый	7500	Нет
Небесный белый	9000	Нет

Как задаются цвета в Html и CSS коде, подбор RGB оттенков в таблицах, выдаче Яндекса и других программах

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

Вопрос задания нужного оттенка может быть особенно актуален для начинающих вебмастеров, когда не совсем понятны приводимые в web документе их коды (например, #f3af6c) и не понятно каким образом и откуда можно будет взять эту информацию (где найти таблицы Html и CSS цветов), и как их использовать для оформления текстового или какого-либо другого блока web документа.

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

Коды и таблица базовых RGB цветов

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

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

Соответственно, для своего web документа мы можем выбрать любой оттенок из огромного количества возможных (256*256*256). Например, для получения черного цвета нужно, чтобы у всех трех каналов цветовой схемы было нулевое значение яркости, а для получения белого — красный, зеленый и синий цвета должны иметь максимальную яркость.

Давайте теперь попробуем разобраться, как задать яркость в каждом канале и сколько у нас есть для этого возможностей?

На самом деле, есть два основных способа:

задание с помощью записи яркости по каждому из каналов (красному, зеленому и синему) в шестнадцатеричной системе счисления
задание с помощью ввода названия цвета в коде web документа

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

Но в шестнадцатеричной системе счисления кроме арабских цифр используются еще и первые шесть букв латинского алфавита, ну и есть своя специфика формирования цифр. Углубляться в это, думаю, не стоит, но для примера скажу, что белый для Html можно будет задать так: #ffffff, а черный так: #000000. Т.е. 00 соответствует 0 в десятичной системе счисления, а ff соответствует 256.

Т.е. на каждый канал RGB цвета в CSS коде отводится две шестнадцатеричных цифры, поэтому записи значения цвета состоят из шести цифр (или букв, которые приравнены к цифрам в шестнадцатеричной системе), перед которыми ставится знак решетки «#». Все довольно просто.

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

Оттенок	Шестнадцатиричная запись
Желтый	#ffff00
Зеленый	#008000
Белый	#ffffff
Красный	#ff0000
Серый	#808080
Синий	#0000ff
Черный	#000000

Естественно, что вы не обязаны сами придумывать и сопоставлять шестнадцатиричные коды оттенков с теми, что вы хотите увидеть на своем интернет проекте. Подбирать колор для сайта вы можете в любом графическом редакторе (даже в бесплатном онлайн-редакторе Pixlr Editor), где вам обязательно покажут запись этого оттенка в формате RGB, или найти таблицу Html цветов и скопировать нужный вам код оттуда.

Яндекс Цвета — подбор RGB палитры оттенков в выдаче Yandex

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

Если и это вам не подходит, то откройте просто Яндекс и введите в поисковую строку запрос с названием того оттенка, который вам интересен (хотя, можно ввести просто: серобуромалиновый).

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

Все это реализуется благодаря так называемому «колдунщику» Яндекса, который призван помочь верстальщикам и дизайнерам.

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

Собственно, этот инструмент может пригодиться и обычным пользователям интернета, например, для того, чтобы понять, как же все-таки будет выглядеть мебель оттенка сер-бур-малин-в-крапинку. Можете посмотреть так же видео про использование этого колдунщика Яндекса:

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

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

Во-вторых, в валидаторе W3C для спецификации языка гипертекстовой разметки 4.01 (ее в полной мере поддерживают все возможные браузеры на текущий момент) определено только 16 колоров, которые в Html или CSS коде можно задавать словами:

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

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

Использование кодов и названий цветов в вебмастеринге

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

Поэтому я все же приведу пример задания цвета в Html, хотя при этом и будут использоваться уже не рекомендованные валидатором W3C теги. Например, раньше колор для фона задавали в теге «BODY» через атрибут «bgcolor», а текст раскрашивали сразу на всей вебстранице с помощью атрибута «text».

Задание нужных оттенков в таком случае могло выглядеть, например, так:

<body bgcolor="#fff8dc" text="navy">Содержимое документа</body>

В результате вы получите вебстраницу с бежевым фоном и темно-синим шрифтом. До того, как CSS вошел в обиход, для изменения цвета шрифта какого-либо отдельного участка текста повсеместно использовали сейчас уже не рекомендуемый валидатором W3C тег «FONT», в который для задания колора включали одноименный атрибут «color»:

<font color="#0000ff">участок текста, который нужно было окрасить в синий колор</font>

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

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

Как вы можете видеть, иногда для сокращения записи оттенка используют не шесть знаков, а только три, в том случае, если они совпадают для каждого канала — «#6с0» вместо «#66сс00».

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

Как я уже писал чуть выше, повсеместно используется RGB (красный, зеленый, синий) цветовая схема. Для каждого из трех основных колоров предусмотрено 256 градаций – от 0 до 255 (если перевести эти значения в шестнадцатеричную систему счисления, то получим – от 00 до FF).

Т.к. у нас три основных колора, из комбинации которых формируются все остальные оттенки, то шестнадцатиричная запись будет иметь примерно такой вид: 99FF66 (оттенок зеленого). Добавив перед ним # получим код #99FF66, который можно использовать как в Html, так и в стилевых файлах. Само собой разумеется, что вы сами не должны вычислять и помнить всю эту абрукадабру.

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

Вот список программ, которые позволяют все это реализовать в полной мере:

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

Использую для заработка

Рубрика: Html за 10 уроков

Цифровые коды web цветов

В Web существует 3 способа представления цветов.

Текстовый, например, black, red. Для того, чтобы цвета выглядели одинаково во всех браузерах, рекомендуется пользоваться палитрой так называемых web-безопасных цветов (web-safe colors). Эта палитра содержит 216 цветов.

Палитра RGB (используется в графических редакторах). Каждый цвет представлен как сочетание красного (Red), зеленого (Grey) и синего (Blue) цветов. С помощью этих трех цветов можно получить абсолютно любой оттенок (более 16 млн.). Для каждого оттенка указывается соотношение этих трех основных цветов в диапазоне от 0 до 255. Например, черный цвет обозначается как 0 0 0, белый цвет — 255 255 255, синий — 0 0 255.
Шестнадцатеричный цифровой код. Для него принят следующий синтаксис: в начале кода ставится символ «#», а затем следует шестизначный набор символов в шестнадцатеричной системе счисления. Первая пара символов отвечает за красный цвет, вторая — за зеленый, третья — за синий. То есть это та же RGB-палитра, только в другом обозначении. Если в парах шестнадцатеричных чисел используются одинаковые числа, можно использовать краткую запись, например, запись #359 будет интерпретирована как #335599.

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

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

16 стандартных цветов Web

Цвет	Символьная метка	Значение RGB	Цветовой код
Белый	white	255 255 255	#FFFFFF
Желтый	yellow	255 255 0	#FFFF00
Светло-зеленый	lime	0 255 0	#00FF00
Оливковый	olive	128 128 0	#808000
Зеленый	green	0 128 0	#008000
Сине-серый	teal	0 128 128	#008080
Темно-синий	navy	0 0 128	#000080
Синий	blue	0 0 255	#0000FF
Голубой	aqua	0 255 255	#00FFFF
Сиреневый	fuchsia	255 0 255	#FF00FF
Фиолетовый	purple	128 0 128	#800080
Красный	red	255 0 0	#FF0000
Каштановый	maroon	128 0 0	#800000
Черный	black	0 0 0	#000000
Серый	gray	128 128 128	#808080
Серебро	silver	192 192 192	#C0C0C0

Допускаемые текстовые указания цветов Web

(Понимают не все браузеры)

Color’s name	R	G	B
alicemblue	F0	F8	FF
antiquewhite	FA	EB	D7
aqua	00	FF	FF
aquamarine	7F	FF	D4
azure	F0	FF	FF
beige	F5	F5	DC
bisque	FF	E4	C4
black	00	00	00
blanchedalmond	FF	EB	CD
blue	00	00	FF
blueviolet	8A	2B	E2
brown	A5	2A	2A
burlywood	DE	B8	87
cadetblue	5F	9E	A0
chartreuse	7F	FF	00
chocolate	D2	69	1E
coral	FF	7F	50
cornflowerblue	64	95	ED
cornsilk	FF	F8	DC
crimson	DC	14	3C
cyan	00	FF	FF
darkblue	00	00	8B
darkcyan	00	8B	8B
darkgoldenrod	B8	86	0B
darkgray	A9	A9	A9
darkgreen	00	64	00
darkkhaki	BD	B7	6B
darkmagenta	8B	00	8b
darkolivegreen	55	6B	2F
darkorange	FF	8C	00
darkochid	99	32	CC
darkred	8B	00	00
darksalmon	E9	96	7A
darkseagreen	8F	BC	8F
darkslateblue	48	3D	8B
darkslategray	2F	4F	4F
darkturquoise	00	CE	D1
darkviolet	94	00	D3
deeppink	FF	14	93
deepskyblue	00	BF	FF
dimgray	69	69	69
dodgerblue	1E	90	FF
firebrick	B2	22	22
floralwhite	FF	FA	F0
forestgreen	22	8B	22
fushsia	FF	00	FF
gainsboro	DC	DC	DC
ghostwhite	F8	F8	FF
gold	FF	D7	00
goldenrod	DA	A5	20
gray	80	80	80
green	00	80	00
greenyellow	AD	FF	2F
honeydew	F0	FF	F0
hotpink	FF	69	B4
indiandred	CD	5C	5C
indigo	4B	00	82
ivory	FF	FF	F0
khaki	F0	E6	8C
lavender	E6	E6	FA
lavenderblush	FF	F0	F5
lawngreen	7C	FC	00
lemonchiffon	FF	FA	CD
ligtblue	AD	D8	E6
lightcoral	F0	80	80
lightcyan	E0	FF	FF
lightgoldenrodyellow	FA	FA	D2
lightgreen	90	EE	90
lightgrey	D3	D3	D3
lightpink	FF	B6	C1

Color’s name	R	G	B
lightsalmon	FF	A0	7A
lightseagreen	20	B2	AA
lightscyblue	87	CE	FA
lightslategray	77	88	99
lightsteelblue	B0	C4	DE
lightyellow	FF	FF	E0
lime	00	FF	00
limegreen	32	CD	32
linen	FA	F0	E6
magenta	FF	00	FF
maroon	80	00	00
mediumaquamarine	66	CD	AA
mediumblue	00	00	CD
mediumorchid	BA	55	D3
mediumpurple	93	70	DB
mediumseagreen	3C	B3	71
mediumslateblue	7B	68	EE
mediumspringgreen	00	FA	9A
mediumturquoise	48	D1	CC
medium violetred	C7	15	85
midnightblue	19	19	70
mintcream	F5	FF	FA
mistyrose	FF	E4	E1
moccasin	FF	E4	B5
navajowhite	FF	DE	AD
navy	00	00	80
oldlace	FD	F5	E6
olive	80	80	00
olivedrab	6B	8E	23
orange	FF	A5	00
orengered	FF	45	00
orchid	DA	70	D6
palegoldenrod	EE	E8	AA
palegreen	98	FB	98
paleturquose	AF	EE	EE
palevioletred	DB	70	93
papayawhop	FF	EF	D5
peachpuff	FF	DA	B9
peru	CD	85	3F
pink	FF	C0	CB
plum	DD	A0	DD
powderblue	B0	E0	E6
purple	80	00	80
red	FF	00	00
rosybrown	BC	8F	8F
royalblue	41	69	E1
saddlebrown	8B	45	13
salmon	FA	80	72
sandybrown	F4	A4	60
seagreen	2E	8B	57
seashell	FF	F5	EE
sienna	A0	52	2D
silver	C0	C0	C0
skyblue	87	CE	EB
slateblue	6A	5A	CD
slategray	70	80	80
snow	FF	FA	FA
springgreen	00	FF	7F
steelblue	46	82	B4
tan	D2	B4	8C
teal	00	80	80
thistle	D8	BF	D8
tomato	FF	63	47
turquose	40	E0	D0
violet	EE	82	EE
wheat	F5	DE	B3
white	FF	FF	FF
whitesmoke	F5	F5	F5
yellow	FF	FF	00
yellowgreen	9A	CD	32

Web-безопасные цвета

Цвета которые во всех браузерах выглядят одинаково, всего их насчитывается 216.

#000000	#000033	#000066	#000099	#0000CC	#0000FF
#003300	#003333	#003366	#003399	#0033CC	#0033FF
#006600	#006633	#006666	#006699	#0066CC	#0066FF
#009900	#009933	#009966	#009999	#0099CC	#0099FF
#00CC00	#00CC33	#00CC66	#00CC99	#00CCCC	#00CCFF
#00FF00	#00FF33	#00FF66	#00FF99	#00FFCC	#00FFFF
#330000	#330033	#330066	#330099	#3300CC	#3300FF
#333300	#333333	#333366	#333399	#3333CC	#3333FF
#336600	#336633	#336666	#336699	#3366CC	#3366FF
#339900	#339933	#339966	#339999	#3399CC	#3399FF
#33CC00	#33CC33	#33CC66	#33CC99	#33CCCC	#33CCFF
#33FF00	#33FF33	#33FF66	#33FF99	#33FFCC	#33FFFF
#660000	#660033	#660066	#660099	#6600CC	#6600FF
#663300	#663333	#663366	#663399	#6633CC	#6633FF
#666600	#666633	#666666	#666699	#6666CC	#6666FF
#669900	#669933	#669966	#669999	#6699CC	#6699FF
#66CC00	#66CC33	#66CC66	#66CC99	#66CCCC	#66CCFF
#66FF00	#66FF33	#66FF66	#66FF99	#66FFCC	#66FFFF
#990000	#990033	#990066	#990099	#9900CC	#9900FF
#993300	#993333	#993366	#993399	#9933CC	#9933FF
#996600	#996633	#996666	#996699	#9966CC	#9966FF
#999900	#999933	#999966	#999999	#9999CC	#9999FF
#99CC00	#99CC33	#99CC66	#99CC99	#99CCCC	#99CCFF
#99FF00	#99FF33	#99FF66	#99FF99	#99FFCC	#99FFFF
#CC0000	#CC0033	#CC0066	#CC0099	#CC00CC	#CC00FF
#CC3300	#CC3333	#CC3366	#CC3399	#CC33CC	#CC33FF
#CC6600	#CC6633	#CC6666	#CC6699	#CC66CC	#CC66FF
#CC9900	#CC9933	#CC9966	#CC9999	#CC99CC	#CC99FF
#CCCC00	#CCCC33	#CCCC66	#CCCC99	#CCCCCC	#CCCCFF
#CCFF00	#CCFF33	#CCFF66	#CCFF99	#CCFFCC	#CCFFFF
#FF0000	#FF0033	#FF0066	#FF0099	#FF00CC	#FF00FF
#FF3300	#FF3333	#FF3366	#FF3399	#FF33CC	#FF33FF
#FF6600	#FF6633	#FF6666	#FF6699	#FF66CC	#FF66FF
#FF9900	#FF9933	#FF9966	#FF9999	#FF99CC	#FF99FF
#FFCC00	#FFCC33	#FFCC66	#FFCC99	#FFCCCC	#FFCCFF
#FFFF00	#FFFF33	#FFFF66	#FFFF99	#FFFFCC	#FFFFFF

👍 Палитра цветов онлайн | Палитра цветов HEX

… выберите свой цвет онлайн

Color Picker

Нажмите на изображение, чтобы получить html-коды.

Используйте право выбора цвета изображения в Интернете, чтобы выбрать цвет и получить цветовой код HTML для этого пикселя. Также вы получаете значение цветового кода HEX, значение RGB и значение HSV. Вы можете поместить URL-адрес изображения в текстовое поле ниже или загрузить свое собственное изображение. (например, скриншот вашего рабочего стола). Или используйте URL-адрес веб-сайта, справа вы увидите эскиз.

	HTML/HEX код:	#5dbcd2
	RGB код:	rgb(93, 188, 210)
	показать больше
	Hsl код:	hsl(191, 57%, 59%)
	Hwb код:	hwb(191, 36%, 18%)
	Cmyk код:	cmyk(56%, 10%, 0%, 18%)
	Ncol код:	C19, 36%, 18%

Загрузить собственное изображение? Прокрутите вниз.

Доминирующий цвет:

палитра:

— или —

Как это устроеноСканируйте реальные поверхности, чтобы найти их цифровые значения цвета.

Этот сайт финансируется за счет рекламы. Вы используете блокиратор. Мы понимаем, что вы не хотите видеть рекламу. Работа и обслуживание этого сайта стоит нам денег. Мы очень рады любой поддержке!

успешно скопировал код в буфер обмена:

Get Color ― удобный сервис для подбора и поиска цветов — Находки на vc.ru

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

Для упрощенной работы с цветом в сети существует множество сервисов, одним из таких является Get Color, который позволяет не только подобрать цвет но и узнать их названия, HEX-код, изменить фон, а также получить ссылку на цвет.

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

Подбор цвета

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

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

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

HTML 🎨

HTML цветовых кодов и названий.

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

Красный цвет

HTML / CSS Название цвета	Шестнадцатеричный код #RRGGBB	Десятичный код (R, G, B)
светлый лосось	# FFA07A	RGB (255,160,122)
лосось	# FA8072	RGB (250,128,114)
темный лосось	# E9967A	RGB (233,150,122)
светло-коралловый	# F08080	RGB (240,128,128)
индийский красный	# CD5C5C	RGB (205,92,92)
малиновый	# DC143C	RGB (220,20,60)
огнеупорный кирпич	# B22222	RGB (178,34,34)
красный	# FF0000	RGB (255,0,0)
темно-красный	# 8B0000	RGB (139,0,0)

Оранжевый цвет

HTML / CSS Название цвета	Шестнадцатеричный код #RRGGBB	Десятичный код (R, G, B)
коралл	# FF7F50	RGB (255,127,80)
помидор	# FF6347	RGB (255,99,71)
оранжево-красный	# FF4500	RGB (255,69,0)
золото	# FFD700	RGB (255 215,0)
оранжевый	# FFA500	RGB (255,165,0)
темно-оранжевый	# FF8C00	RGB (255,140,0)

Желтые цвета

HTML / CSS Название цвета	Шестнадцатеричный код #RRGGBB	Десятичный код (R, G, B)
светло-желтый	# FFFFE0	RGB (255,255,224)
лимонный шифон	#FFFACD	RGB (255,250,205)
светло-золотисто-желтый	# FAFAD2	RGB (250,250,210)
papayawhip	# FFEFD5	RGB (255 239 213)
мокасины	# FFE4B5	RGB (255 228 181)
персиковый	# FFDAB9	RGB (255 218 185)
палево-золотой	# EEE8AA	RGB (238,232,170)
хаки	# F0E68C	RGB (240,230,140)
даркхаки	# BDB76B	RGB (189 183 107)
желтый	# FFFF00	RGB (255,255,0)

Зеленые цвета

HTML / CSS Название цвета	Шестнадцатеричный код #RRGGBB	Десятичный код (R, G, B)
зеленый	# 7CFC00	RGB (124,252,0)
шартрез	# 7FFF00	RGB (127,255,0)
зеленовато-зеленый	# 32CD32	RGB (50,205,50)
лайм	# 00FF00	rgb (0.255,0)
лесозеленый	# 228B22	RGB (34,139,34)
зеленый	# 008000	RGB (0,128,0)
темно-зеленый	# 006400	гб (0,100,0)
зелено-желтый	# ADFF2F	RGB (173,255,47)
желто-зеленый	# 9ACD32	RGB (154,205,50)
весенне-зеленый	# 00FF7F	RGB (0,255,127)
средний весенний зеленый	# 00FA9A	RGB (0,250,154)
светло-зеленый	# 90EE90	RGB (144 238 144)
палево-зеленый	# 98FB98	RGB (152 251 152)
темно-синий	# 8FBC8F	RGB (143 188 143)
средний, зеленый	# 3CB371	RGB (60,179,113)
морской зеленый	# 2E8B57	RGB (46,139,87)
оливковое	# 808000	RGB (128,128,0)
темно-оливковый, зеленый	# 556B2F	RGB (85,107,47)
оливедраб	# 6B8E23	RGB (107,142,35)

Голубые цвета

HTML / CSS Название цвета	Шестнадцатеричный код #RRGGBB	Десятичный код (R, G, B)
светло-голубой	# E0FFFF	RGB (224,255,255)
голубой	# 00FFFF	RGB (0,255,255)
аква	# 00FFFF	RGB (0,255,255)
аквамарин	# 7FFFD4	RGB (127,255,212)
средний аквамарин	# 66CDAA	RGB (102,205,170)
палитра бирюза	#AFEEEE	RGB (175 238 238)
бирюза	# 40E0D0	RGB (64 224 208)
средняя бирюза	# 48D1CC	RGB (72 209 204)
темно-бирюзовый	# 00CED1	RGB (0,206,209)
светло-зеленый	# 20B2AA	RGB (32 178 170)
кадетсиний	# 5F9EA0	RGB (95,158,160)
темно-синий	# 008B8B	RGB (0,139,139)
бирюзовый	# 008080	RGB (0,128,128)

Синий цвет

HTML / CSS Название цвета	Шестнадцатеричный код #RRGGBB	Десятичный код (R, G, B)
голубой	# B0E0E6	RGB (176,224,230)
голубой	# ADD8E6	RGB (173 216 230)
огни, голубой	# 87CEFA	RGB (135 206 250)
голубой	# 87CEEB	RGB (135,206,235)
темно-синий	# 00BFFF	гб (0,191,255)
голубой	# B0C4DE	RGB (176,196,222)
dodgerblue	# 1E90FF	RGB (30,144,255)
васильковый	# 6495ED	RGB (100,149,237)
голубой	# 4682B4	RGB (70,130,180)
королевский синий	# 4169E1	RGB (65,105,225)
синий	# 0000FF	гб (0,0,255)
средний синий	# 0000CD	RGB (0,0,205)
темно-синий	# 00008B	RGB (0,0,139)
темно-синий	# 000080	гб (0,0,128)
полуночно-синий	# 191970	RGB (25,25,112)
средний голубой	# 7B68EE	RGB (123 104 238)
грифельно-голубой	# 6A5ACD	RGB (106,90,205)
темно-синий	# 483D8B	RGB (72,61,139)

Пурпурный

HTML / CSS Название цвета	Шестнадцатеричный код #RRGGBB	Десятичный код (R, G, B)
лаванда	# E6E6FA	RGB (230,230,250)
чертополох	# D8BFD8	RGB (216,191,216)
слива	# DDA0DD	RGB (221 160 221)
фиолетовый	# EE82EE	RGB (238 130 238)
орхидея	# DA70D6	RGB (218,112,214)
фуксия	# FF00FF	гб (255,0,255)
пурпурный	# FF00FF	гб (255,0,255)
среднеорхид	# BA55D3	RGB (186,85,211)
средне-фиолетовый	# 9370DB	RGB (147,112,219)
сине-фиолетовый	# 8A2BE2	RGB (138,43,226)
темно-фиолетовый	# 9400D3	RGB (148,0 211)
даркорхид	# 9932CC	RGB (153,50,204)
темно-пурпурный	# 8B008B	RGB (139,0,139)
фиолетовый	# 800080	RGB (128,0,128)
индиго	# 4B0082	RGB (75,0,130)

Розовый цвет

HTML / CSS Название цвета	Шестнадцатеричный код #RRGGBB	Десятичный код (R, G, B)
розовый	# FFC0CB	RGB (255,192,203)
светло-розовый	# FFB6C1	RGB (255 182 193)
хотпинк	# FF69B4	RGB (255 105 180)
диппинк	# FF1493	RGB (255,20,147)
палево-фиолетовый	# DB7093	RGB (219 112 147)
средний фиолетовый	# C71585	RGB (199,21,133)

Белый цвет

HTML / CSS Название цвета	Шестнадцатеричный код #RRGGBB	Десятичный код (R, G, B)
белый	#FFFFFF	гб (255,255,255)
снег	#FFFAFA	RGB (255,250,250)
медовая роса	# F0FFF0	RGB (240,255,240)
мятный крем	# F5FFFA	RGB (245,255,250)
лазурный	# F0FFFF	RGB (240,255,255)
aliceblue	# F0F8FF	RGB (240 248 255)
ghostwhite	# F8F8FF	RGB (248 248 255)
белый дым	# F5F5F5	RGB (245 245 245)
ракушка	# FFF5EE	RGB (255 245 238)
бежевый	# F5F5DC	RGB (245 245 220)
oldlace	# FDF5E6	RGB (253 245 230)
цветочный белый	# FFFAF0	RGB (255,250,240)
слоновая кость	# FFFFF0	гб (255,255,240)
антикв белый	# FAEBD7	RGB (250 235 215)
белье	# FAF0E6	RGB (250,240,230)
бледно-лиловый	# FFF0F5	RGB (255 240 245)
туманная роза	# FFE4E1	RGB (255 228 225)

Серые цвета

HTML / CSS Название цвета	Шестнадцатеричный код #RRGGBB	Десятичный код (R, G, B)
Gainsboro	#DCDCDC	RGB (220,220,220)
светло-серый	# D3D3D3	RGB (211 211 211)
серебро	# C0C0C0	RGB (192,192,192)
темно-серый	# A9A9A9	RGB (169 169 169)
серый	# 808080	RGB (128,128,128)
димгрей	# 696969	RGB (105,105,105)
серый свет	# 778899	RGB (119,136,153)
серый	# 708090	RGB (112,128,144)
темно-серый	# 2F4F4F	RGB (47,79,79)
черный	# 000000	rgb (0,0,0)

Коричневые цвета

HTML / CSS Название цвета	Шестнадцатеричный код #RRGGBB	Десятичный код (R, G, B)
корнсилк	# FFF8DC	RGB (255 248 220)
бланшированный миндаль	#FFEBCD	RGB (255 235 205)
бисквит	# FFE4C4	RGB (255 228 196)
навайовайт	#FFDEAD	RGB (255 222 173)
пшеница	# F5DEB3	RGB (245 222 179)
бурливуд	# DEB887	RGB (222 184 135)
загар	# D2B48C	RGB (210,180,140)
розово-коричневый	# BC8F8F	RGB (188 143 143)
песочно-коричневый	# F4A460	RGB (244,164,96)
золотарник	# DAA520	RGB (218,165,32)
перу	# CD853F	RGB (205,133,63)
шоколад	# D2691E	RGB (210,105,30)
седло-коричневый	# 8B4513	RGB (139,69,19)
сиена	# A0522D	RGB (160,82,45)
коричневый	# A52A2A	RGB (165,42,42)
бордовый	# 800000	RGB (128,0,0)

См. Также

Напишите, как улучшить эту страницу

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

HTML цветовых кодов

Используйте эту страницу, чтобы получить коды цветов HTML для вашего веб-сайта. Цвета представлены различными цветовыми моделями, такими как шестнадцатеричный, RGB, HSL и др.

Чтобы узнать о цветах HTML и о том, как применять их на своем веб-сайте, ознакомьтесь с разделом цветов HTML в руководстве по HTML.

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

Названия цветов CSS

Вот таблица названий цветов CSS.Они основаны на цветах X11 и поддерживаются всеми основными браузерами.

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

Название цвета	Шестнадцатеричный код RGB	Десятичный код RGB
Красные
Индийский Красный	CD5C5C	205,92,92
LightCoral	F08080	240,128,128
Лосось	FA8072	250,128,114
темный лосось	E9967A	233,150,122
светлый лосось	FFA07A	255,160,122
Малиновый	ДК143К	220,20,60
Красный	FF0000	255,0,0
FireBrick	B22222	178,34,34
тёмно-красный	8B0000	139,0,0
розовый
розовый	FFC0CB	255,192,203
Светло-розовый	FFB6C1	255 182 193
HotPink	FF69B4	255,105,180
DeepPink	FF 1493	255,20 147
средний фиолетовый красный	C71585	199,21,133
бледно-фиолетовый красный	DB7093	219 112 147
Апельсины
Коралл	FF7F50	255,127,80
Помидор	FF6347	255,99,71
Оранжевый Красный	FF4500	255,69,0
темно-оранжевый	FF8C00	255,140,0
оранжевый	FFA 500	255,165,0
желтый
Золото	FFD700	255 215,0
желтый	FFFF00	255,255,0
Светло-желтый	FFFFE0	255 255 224
Лимонный шифон	FFFACD	255 250 205
светло-золотой, желтый	FAFAD2	250,250,210
Кнут папайи	FFEFD5	255 239 213
Мокасины	FFE4B5	255 228 181
PeachPuff	FFDAB9	255 218 185
Бледный Голденрод	EEE8AA	238 232 170
хаки	F0E68C	240,230,140
Темный хаки	BDB76B	189 183 107
фиолетовый
Лаванда	E6E6FA	230,230,250
Чертополох	D8BFD8	216,191,216
Слива	DDA0DD	221 160 221
фиолетовый	EE82EE	238 130 238
Орхидея	DA70D6	218 112 214
фуксия	FF00FF	255,0,255
пурпурный	FF00FF	255,0,255
Средний Орхидея	BA55D3	186,85,211
средний фиолетовый	9370DB	147,112,219
сине-фиолетовый	8A2BE2	138,43,226
темно-фиолетовый	9400D3	148,0 211
Темная орхидея	9932CC	153,50,204
Темно-пурпурный	8B008B	139,0,139
фиолетовый	800080	128,0,128
Ребекка фиолетовый	663399	102,51,153
Индиго	4B0082	75,0,130
средний сланец синий	7B68EE	123 104 238
Синий шифер	6A5ACD	106,90,205
Темно-синий	483D8B	72,61,139

Синий Синий

Название цвета	Шестнадцатеричный код RGB	Десятичный код RGB
Зелень
зеленый желтый	ADFF2F	173,255,47
Шартрез	7FFF00	127,255,0
Зеленый газон	7CFC00	124,252,0
Лайм	00FF00	0,255,0
салатовый	32CD32	50,205,50
бледно-зеленый	98FB98	152 251 152
светло-зеленый	90EE90	144 238 144
средний весенний зеленый	00FA9A	0,250,154
Spring Зеленый	00FF7F	0,255,127
средний морской зеленый	3CB371	60,179,113
SeaGreen	2E8B57	46,139,87
лес зеленый	228B22	34,139,34
Зеленый	008000	0,128,0
темно-зеленый	006400	0,100,0
желтый зеленый	9ACD32	154,205,50
OliveDrab	6B8E23	107,142,35
оливковое	808000	128,128,0
темно-оливковый	556B2F	85,107,47
средний аквамарин	66CDAA	102,205,170
темно-синий	8FBC8F	143 188 143
СветлоЗеленый	20B2AA	32 178 170
Темный Циан	008B8B	0,139,139
бирюзовый	008080	0,128,128
синий / голубой
Аква	00FFFF	0,255,255
Голубой	00FFFF	0,255,255
LightCyan	E0FFFF	224,255,255
бледно-бирюзовый	AFEEEE	175 238 238
Аквамарин	7FFFD4	127,255,212
бирюза	40E0D0	64 224 208
средний бирюзовый	48D1CC	72,209,204
темно-бирюзовый	00CED1	0,206,209
CadetBlue	5F9EA0	95,158,160
SteelBlue	4682B4	70,130,180
светло-синий	B0C4DE	176,196,222
Синий порошок	B0E0E6	176,224,230
Голубой	ДОБАВИТЬ8E6	173 216 230
SkyBlue	87CEEB	135,206,235
Светло-Голубой	87CEFA	135 206 250
DeepSkyBlue	00BFFF	0,191,255
DodgerBlue	1E90FF	30,144,255
Василек синий	6495ED	100 149 237
RoyalBlue	4169E1	65,105,225
Синий	0000FF	0,0,255
средний синий	0000CD	0,0,205
темно-синий	00008B	0,0,139
Синий	000080	0,0,128
MidnightBlue	191970	25,25,112

Светло-серый

Название цвета	Шестнадцатеричный код RGB	Десятичный код RGB
Браун
Корнсилк	FFF8DC	255 248 220
Бланшированный миндаль	FFEBCD	255 235 205
Бисквит	FFE4C4	255 228 196
Навахо Белый	FFDEAD	255 222 173
пшеница	F5DEB3	245 222 179
BurlyWood	ДЭБ 887	222 184 135
Тан	D2B48C	210,180,140
розово-коричневый	BC8F8F	188 143 143
SandyBrown	F4A460	244,164,96
Золотарник	DAA520	218,165,32
темный, Голденрод	B8860B	184,134,11
Перу	CD853F	205,133,63
Шоколадный	D2691E	210,105,30
Седло Коричневый	8B4513	139,69,19
Сиена	A0522D	160,82,45
коричневый	A52A2A	165,42,42
Бордовый	800000	128,0,0
белые
Белый	FFFFFF	255,255,255
Снег	FFFAFA	255 250 250
Медовая роса	F0FFF0	240,255,240
MintCream	F5FFFA	245 255 250
Лазурный	F0FFFF	240,255,255
Голубой Алисой	F0F8FF	240 248 255
Призрачный Белый	F8F8FF	248 248 255
Белый дым	F5F5F5	245 245 245
Морская ракушка	FFF5EE	255 245 238
бежевый	F5F5DC	245 245 220
OldLace	FDF5E6	253 245 230
Цветочный Белый	FFFAF0	255,250,240
слоновая кость	FFFFF0	255,255,240
Белый античный	FAEBD7	250 235 215
Белье	FAF0E6	250,240,230
Бледно-лиловый	FFF0F5	255 240 245
MistyRose	FFE4E1	255 228 225
серый
Гейнсборо	DCDCDC	220 220 220
светло-серый	D3D3D3	211 211 211
Светло-серый	D3D3D3	211 211 211
Серебро	C0C0C0	192,192,192
темно-серый	A9A9A9	169 169 169
темно-серый	A9A9A9	169 169 169
серый	808080	128,128,128
серый	808080	128,128,128
DimGray	696969	105,105,105
DimGrey	696969	105,105,105
LightSlateGray	778899	119,136,153
LightSlateGrey	778899	119,136,153
серый сланец	708090	112,128,144
серый сланец	708090	112,128,144
Темно-серый	2F4F4F	47,79,79
Темно-серый	2F4F4F	47,79,79
Черный	000000	0,0,0

Другие таблицы цветов

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

Web Safe цветов

На этой диаграмме отображается 216 «веб-безопасных» цветов. Щелкните цвет, чтобы отобразить его на новой странице.

Являются ли безопасные для Интернета цвета по-прежнему актуальными?

«Безопасная для Интернета цветовая палитра» широко использовалась на заре Интернета, особенно в конце 1990-х годов.

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

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

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

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

Имена цветов HTML3 и HTML4

Было время, когда спецификация HTML определяла названия цветов, которые можно было использовать в документах HTML. Это уже не так — CSS взял на себя ответственность за определение цветов в HTML-документах.

Следующая таблица цветовых кодов содержит 16 официальных названий цветов HTML из HTML 3.2, которая стала официальной рекомендацией 14 января 1997 года.

Те же названия цветов были включены в спецификацию HTML 4.01, которая стала официальной рекомендацией 24 декабря 1999 года.

Эти цвета изначально были выбраны как стандартные 16 цветов, поддерживаемые палитрой Windows VGA.

Название цвета	Шестнадцатеричный код RGB	Десятичный код RGB
Черный	000000	0,0,0
Серебро	C0C0C0	192,192,192
серый	808080	128,128,128
Белый	FFFFFF	255,255,255
Бордовый	800000	128,0,0
Красный	FF0000	255,0,0

Название цвета	Шестнадцатеричный код RGB	Десятичный код RGB
фиолетовый	800080	128,0,128
фуксия	FF00FF	255,0,255
Зеленый	008000	0,128,0
Лайм	00FF00	0,255,0
оливковое	808000	128,128,0
желтый	FFFF00	255,255,0

RGB и шестнадцатеричный

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

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

CSS1 и CSS2

И спецификация CSS1 (17 декабря 1996 г.), и спецификация CSS2 (12 мая 1998 г.) включали те же 16 названий цветов, которые были определены в HTML 3.2 и HTML 4.0.

Как и в случае со спецификациями HTML, CSS поддерживает использование шестнадцатеричной нотации для указания цветов вне этого диапазона.

Но CSS также представил функцию rgb () , которая позволяет указывать цвета как список из трех цифр, разделенных запятыми, с каждым набором цифр в диапазоне 0–255. Например, rgb (255,0,0) представляет тот же цвет, что и # FF000 , и название цвета красный .

Системные цвета

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

Ниже перечислены дополнительные значения для значений CSS, связанных с цветом, и их общее значение.

ActiveBorder: Граница активного окна.
ActiveCaption: Заголовок активного окна.
AppWorkspace: Цвет фона многодокументного интерфейса.
Фон: Фон рабочего стола.
Кнопка Лицо: Цвет лица для трехмерных элементов отображения.
Кнопка Выделить: Темная тень для трехмерных элементов отображения (для краев, обращенных в сторону от источника света).
Кнопка Тень: Цвет тени для трехмерных элементов отображения.
ButtonText: Текст на кнопках.
CaptionText: Текст в заголовке, поле размера и поле стрелки полосы прокрутки.
серый текст: Серый (отключен) текст. Для этого цвета установлено значение # 000, если текущий драйвер дисплея не поддерживает сплошной серый цвет.
Выделить: Элемент (ы) выбран в элементе управления.
HighlightText: Текст элементов, выбранных в элементе управления.
Неактивный Граница: Неактивная граница окна.
InactiveCaption: Заголовок неактивного окна.
InactiveCaptionText: Цвет текста в неактивной подписи.
Информация: Цвет фона для элементов управления всплывающей подсказки.
Инфотекст: Цвет текста для элементов управления всплывающей подсказки.
Меню: Фон меню.
МенюТекст: Текст в меню.
Полоса прокрутки: Серая область полосы прокрутки.
ThreeDarkShadow: Темная тень для трехмерных элементов отображения.
ThreeDFace: Цвет лица для трехмерных элементов отображения.
ThreeDHighlight: Цвет выделения для трехмерных элементов отображения.
ThreeDLightShadow: Цвет света для трехмерных элементов отображения (для краев, обращенных к источнику света).
ThreeDShadow: Темная тень для трехмерных элементов отображения.
Окно: Фон окна.
Оконная рама: Оконная рама.
WindowText: Текст в windows.

Эти системные цвета объявлены устаревшими в CSS3. Изначально они были заменены свойством появления , но впоследствии оно было исключено из спецификации CSS3.

CSS 2.1

Спецификация CSS 2.1 (7 июня 2011 г.) добавила оранжевый к списку названий цветов, в результате чего общее количество названий цветов достигло 17.

Интересно, что CSS Color Module Level 3 в тот же день стал официальной рекомендацией и предоставил 147 названий цветов. Подробнее об этом ниже.

Системные цвета

CSS 2.1 также включает различные системные цвета, указанные в CSS2 (см. Выше).

CSS3

CSS3 изменил способ определения CSS.

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

Это контрастирует с предыдущими спецификациями, где CSS был выпущен как целая спецификация.Например, CSS2, CSS 2.1 и т. Д. Все аспекты CSS были включены в каждую спецификацию.

Итак, теперь цвета определены в «Цветном модуле CSS». CSS3 начался с CSS Color Module Level 3, который стал официальной рекомендацией 7 июня 2011 года (в тот же день, когда CSS 2.1 стал официальной рекомендацией!). Затем он перешел на уровень 4 цветового модуля CSS. Но все это считается CSS3. Теперь меняется только конкретный номер модуля.

Таким образом, все цвета в таблице вверху этой страницы можно считать «цветами CSS3».

CSS3 также представил ключевое слово currentColor , а также новые цветовые функции, такие как hsl () и hsla () . На момент написания CSS Color Module Level 4 предлагает hwb () , gray () , color () и другие функции.

Найдите код цвета HTML

Поиск инструмента

цветов HTML

Инструмент для выбора / записи цветового кода HTML. В вычислениях цвета определяются триплетом RGB (красный, зеленый, синий) в шестнадцатеричном формате. Популярные в Интернете и HTML, некоторые классические цвета даже имеют заранее заданные названия.

Результаты

цветов HTML — dCode

Тег (ы): Интернет, Физико-химия

dCode и вы

dCode является бесплатным, а его инструменты являются ценным подспорьем в играх, математике, геокэшинге, головоломках и задачах, которые нужно решать каждый день!
Предложение? обратная связь? Жук ? идея ? Запись в dCode !

Инструмент для выбора / записи цветового кода HTML.В вычислениях цвета определяются триплетом RGB (красный, зеленый, синий) в шестнадцатеричном формате. Популярные в Интернете и HTML, некоторые классические цвета даже имеют заранее заданные названия.

Ответы на вопросы

Что означает цветовой код HTML?

Код HTML обычно состоит из символа # (решетки), за которым следуют 6 шестнадцатеричных символов (0-9a-f). 6 символов соответствуют тройке из 3 пар по 2 символа, соответственно кодирующим значения красного, зеленого и синего (RGB) с помощью шестнадцатеричного кода (от 00 до ff = 255)

Пример: # ff007f соответствует ff (255) красный, 00 зеленый и 7f (127) синий.Эта смесь соответствует цвету Rose

Какой список цветов с именем html?

Задайте новый вопрос

Исходный код

dCode сохраняет за собой право собственности на исходный код онлайн-инструмента «Цвета HTML». За исключением явной лицензии с открытым исходным кодом (обозначенной CC / Creative Commons / free), любой алгоритм, апплет или фрагмент (конвертер, решатель, шифрование / дешифрование, кодирование / декодирование, шифрование / дешифрование, переводчик) или любая функция (преобразование, решение, дешифрование / encrypt, decipher / cipher, decode / encode, translate), написанные на любом информатическом языке (PHP, Java, C #, Python, Javascript, Matlab и т. д.)) доступ к данным, скриптам или API не будет бесплатным, то же самое касается загрузки HTML Colors для автономного использования на ПК, планшете, iPhone или Android!

Нужна помощь?

Пожалуйста, заходите в наше сообщество в Discord для получения помощи!

Вопросы / комментарии

Сводка

Инструменты аналогичные

Поддержка

Форум / Справка

Рекламные объявления

Ключевые слова

цвет, html, красный, зеленый, синий, тройной, шестнадцатеричный, шестнадцатеричный, 256, RGB

Ссылки

Источник: https: // www.dcode.fr/html-colors

цветовых кодов и названий CSS

цветовых кодов и названий CSS.

CSS цвет

Цветовой код может быть одним из:

Шестнадцатеричный формат: #rrggbb

Формат RGB: rgb (красный, зеленый, синий)

Формат имени: имя

Пример

Для оранжевого цвета:

Шестнадцатеричный формат: # FFA500

Формат RGB: rgb (255,165,0)

Формат имени: оранжевый

Настройка цвета элемента

Для конкретного элемента:

Для всех элементов одного типа.Поместите код в тег

Пример

Установка красного цвета текста абзаца:

Установка цвета определенного абзаца:

Немного текста …

Просмотр:

Немного текста …

Установка цвета всех абзацев

<стиль>
п {цвет: # FF0000; }

Установка цвета фона элемента

элемент {фон: код ; }

Пример

Установка красного цвета фона абзаца:

Установка цвета фона определенного абзаца:

Какой-то текст…

Просмотр:

Немного текста …

Установка цвета фона всех абзацев:

<стиль>
p {фон: # FF0000; }

Установка цвета границы элемента

элемент {border-color: topcode rightcode bottomcode leftcode }

Пример

Установка красного, зеленого, синего и черного цвета границы абзаца:

Установка цвета границы конкретного абзаца:

Какой-то текст…

Просмотр:

Немного текста …

Установка цвета границы всех абзацев:

<стиль>
п {цвет границы: # FF0000 # 00FF00 # 0000FF # 000000; }