Цвета в нтмл: HTML CSS Палитра цветов

Содержание

HTML-цвета — Wikiwand

ВведениеHTML-цвета
Имена цветов в HTML
Безопасная палитра Netscape
Названия цветов в X11
Цвета CSS
Примечания
Ссылки

Уважаемый Wikiwand AI, давайте упростим задачу, просто ответив на эти ключевые вопросы:

Перечислите основные факты и статистические данные о html-%d1%86%d0%b2%d0%b5%d1%82%d0%b0?

Кратко изложите эту статью для 10-летнего ребёнка

ПОКАЗАТЬ ВСЕ ВОПРОСЫ

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

Глубина цвета
битовое изображение 8-битная шкала серого 8-битный цвет 15/16-bit: HighColor 24-bit: TrueColor 30/36/48-bit: DeepColor
См. также
Цветовая модель RGB Цветовая модель CMYK Цветовая палитра Цвета в Web (Цвета HTML)

HTML
HTML и HTML5 Динамический HTML XHTML XHTML Mobile Profile^[en] и CHTML Document Object Model Кодировки символов Мнемоники в HTML Редактор HTML Элементы HTML Семантическая вёрстка Карта изображений Цвета HTML Формы HTML Фреймы HTML HTML5 audio и HTML5 video Canvas Скрипты в HTML Unicode и HTML^[en] Браузерный движок Quirks mode Каскадные таблицы стилей W3C и WHATWG Web Storage WebGL Сравнение языков разметки документов браузерных движков
п • о • р

HTML

HTML и HTML5

Динамический HTML

XHTML

XHTML Mobile Profile^[en] и CHTML

Document Object Model

Кодировки символов

Мнемоники в HTML

Редактор HTML

Элементы HTML

Семантическая вёрстка

Карта изображений

Цвета HTML

Формы HTML

Фреймы HTML

HTML5 audio и HTML5 video

Canvas

Скрипты в HTML

Unicode и HTML^[en]

Браузерный движок

Quirks mode

Каскадные таблицы стилей

W3C и WHATWG

Web Storage

WebGL

Сравнение

языков разметки документов

браузерных движков

п • о • р

Существуют несколько основных способов их представления:

В виде #123ABC. Представление в виде трёх пар шестнадцатеричных цифр, где каждая пара отвечает за свой цвет:
1. Две первые цифры — красный
2. Две в середине — зелёный
3. Две последние цифры — синий
  Возможно также краткое представление цвета в виде #ABC, что будет интерпретировано как #AABBCC.
Представление ключевыми словами, например green, black. Во избежание случаев, когда указанное ключевое слово «не понимается» браузером, следует использовать лишь небольшой набор основных цветов, используемых во всех браузерах.

В виде RGB(*,*,*), где «*» — числа от 0 до 255, обозначающих количество соответствующего цвета (красный, зелёный, синий) в получаемом.
Возможен и RGBA(*,*,*,*), где первые 3 «*» — компоненты цвета, задающиеся в диапазоне 0 до 255, а последняя «*» — уровень непрозрачности (альфа-канал), задающийся рациональными числами от 0 до 1.

Кодирование цвета в HTML

С чего начать работу? Структура HTML
Гиперссылки
Текстовые блоки
Форматирование и текстовые элементы
Списки
Объекты
Таблицы
Формы
Фреймы
Метатэги и служебные теги
Все теги по алфавиту
Каскадные таблицы стилей CSS
Кодирование цвета в HTML
Коды символов в HTML
MIME-типы

Существует два способа определения цвета в HTML.

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

style=»color: red;»

2. По шестнадцатеричному значению:

style=»color: #fd08ea;»

Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно.

Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной системе. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999. Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF. Таким образом, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю.

Название

Шестнадцатеричный код RGB

White

#FFFFFF

Ivory

#FFFFF0

Snow

#FFFAFA

LightYellow

#FFFFE0

MintCream

#F5FFFA

Azure

#F0FFFF

FloralWhite

#FFFAF0

Honeydew

#F0FFF0

GhostWhite

#F8F8FF

Seashell

#FFF5EE

Cornsilk

#FFF8DC

AliceBlue

#F0F8FF

LemonChifFon

#FFFACD

LightCyan

#E0FFFF

OldLace

#FDF5E6

LightGoldenrodYellow

#FAFAD2

LavenderBlush

#FFF0F5

WhiteSmoke

#F5F5F5

Beige

#F5F5DC

Linen

#FAF0E6

PapayaWhip

#FFEFD5

BlanchedAlmond

#FFEBCD

AntiqueWhite

#FAEBD7

MistyRose

#FFE4E1

Bisque

#FFE4C4

Lavender

#E6E6FA

Moccasin

#FFE4B5

PaleGoldenrod

#EEE8AA

NavajoWhite

#FFDEAD

Yellow

#FFFF00

PeachPuff

#FFDAB9

Wheat

#F5DEB3

Khaki

#F0E68C

Gainsboro

#DCDCDC

PaleTurquoise

#AFEEEE

Pink

#FFC0CB

Aquamarine

#7FFFD4

LightGrey

#D3D3D3

PowderBlue

#B0E0E6

PaleGreen

#98FB98

GreenYellow

#ADFF2F

LightPink

#FFB6C1

LightBlue

#ADD8E6

Gold

#FFD700

Thistle

#D8BFD8

LightGreen

#90EE90

LightSteelBlue

#B0C4DE

Silver

#C0C0C0

LightSkyBlue

#87CEFA

BurlyWood

#DEB887

SkyBlue

#87CEEB

Chartreuse

#7FFF00

Plum

#DDA0DD

LawnGreen

#7CFC00

Tan

#D2B48C

LightSalmon

#FFA07A

SandyBrown

#F4A460

Aqua

#00FFFF

DarkKhaki

#BDB768

Violet

#EE82EE

Turquoise

#40E0D0

Orange

#FFA500

YellowGreen

#9ACD32

DarkSalmon

#E9967A

MediumAquamarine

#66CDAA

DarkSeaGreen

#8FBC8F

DarkGrey

#A9A9A9

MediumTurquoise

#48D1CC

Goldenrod

#DAA520

MediumSpringGreen

#00FA9A

SpringGreen

#00FF7F

Salmon

#FA8072

LightCoral

#F08080

Coral

#FF7F50

DarkOrange

#FF8C00

HotPink

#FF69B4

RosyBrown

#BC8F8F

Orchid

#DA70D6

Lime

#O0FFOO

PaleVioletRed

#DB7093

Peru

#CD853F

DarkTurquoise

#00CED1

CornflowerBlue

#6495ED

Tomato

#FF6347

DeepSkyBlue

#00BFFF

LimeGreen

#32CD32

CadetBlue

#5F9EA0

MediumSeaGreen

#3CB371

DarkGoldenrod

#B8860B

MediumPurple

#9370DB

LightSeaGrееn

#20B2AA

LightSlateGray

#778899

MediumOrchid

#BA55D3

Gray

#808080

Chocolate

#D2691E

IndianRed

#CD5C5C

SlateGray

#708090

MediumSlateBlue

#7B68EE

DodgerBlue

#1E90FF

OliveDrab

#6B8E23

SteelBlue

#4682B4

OrangeRed

#FF4500

Olive

#808000

SlateBlue

#6A5ACD

RoyalBlue

#4169E1

Fuchisa

#FF00FF

SeaGreen

#2E8B57

DimGray

#696969

DeepPink

#FF1493

Sienna

#A0522D

DarkOrchid

#9932CC

DarkCyan

#008B8B

ForestGreen

#228B22

DarkOliveGreen

#556B2F

BlueViolet

#8A2BE2

Teal

#008080

MediumVioletRed

#C71585

Crimson

#DC143C

SaddleBrown

#8B4513

Brown

#A52A2A

FireBrick

#B22222

Red

#FF0000

Green

#008000

DarkSlateBlue

#483D8B

DarkSlateGray

#2F4F4F

DarkViolet

#9400D3

DarkGreen

#006400

DarkMagenta

#8BOOSВ

Purple

#800080

DarkRed

#8B0000

Maroon

#800000

Indigo

#4B0082

MidnightBlue

#191970

Blue

#0000FF

MediumBlue

#0000CD

DarkBlue

#00008В

Navy

#000080

Black

#000000

Как найти код цвета в HTML

html

7 месяцев назад

от Sharqa Hameed

Цвета играют жизненно важную роль в невербальной передаче информации. Веб-сайт с интерактивными цветами считается привлекательным и визуально привлекательным. Существуют различные методы применения цветов к элементам HTML: RGB, RGBA, HEX Code, HSLA и HSL. Однако вы можете найти цветовые коды, просматривая страницу, выбирая цвета из палитры цветов или используя функцию пипетки на панели инструментов разработчика.

В этом исследовании мы обсудим методы поиска цветового кода в HTML

Путем проверки страницы
С помощью функции пипетки

Способ 1. Поиск цветового кода в HTML путем проверки веб-страницы

Ниже приведены шаги для поиска цветового кода путем проверки страницы.

Шаг 1: Откройте веб-страницу

Сначала откройте нужную веб-страницу:

Шаг 2: Выберите вариант проверки

Щелкните правой кнопкой мыши на странице и выберите в меню пункт « Inspect », который обеспечит доступ к панели « Инструменты разработчика »:

отображается в нижней части браузера:

Шаг 3: Настройка места панели инструментов разработчика

Нажав на три точки в углу, вы можете выбрать расположение панели. Например, мы выбрали выделенный зеленым значок. Кроме того, размер окна проверки можно изменить, перетащив его углы:

Шаг 4. Выберите элемент для проверки

Затем щелкните выделенный значок, чтобы выбрать элемент, который необходимо проверить: 3

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

Шаг 6: Выберите цвет из палитры цветов

Скопируйте код цвета из открытого окна палитры цветов:

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

Шаг 7: Настройка прозрачности цвета

Вы также можете настроить прозрачность цвета, как показано на следующем GIF:

Способ 2.

Поиск цветового кода в HTML с помощью функции «Пипетка»

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

Примечание: Функция «Пипетка» представлена красным прямоугольником на изображении ниже:

Вот демонстрация работы инструмента «Пипетка»:

После выбора цвета элемента скопируйте код цвета и вставьте его в CSS своего проекта.

Заключение

Существуют различные методы применения цветов к элементам HTML: RGB, RGBA, HEX Code, HSLA и HSL. Коды цветов можно найти на любой веб-странице « Inspecting » или выбрав цвета из « палитры цветов » и с помощью функции « Пипетка ». В этой статье продемонстрирована процедура поиска цветовых кодов в HTML с подробными примерами.

Об авторе

Sharqa Hameed

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

Посмотреть все сообщения

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

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

Что касается веб-разработки, то Web 2.0 и Web 3.0 поддерживают более 200 различных цветов. Разработчики приложений или веб-разработчики должны хранить эти 200 с лишним шпаргалок цветовых кодов HTML рядом, чтобы они могли легко вспомнить цвета и их шестнадцатеричные коды (также известные как шестнадцатеричные коды).

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

Семейство красных цветов – HTML-имена и HTML-коды (шестнадцатеричные коды)

901 38 9 0149 #E9967A 90 149 Малиновый

НАЗВАНИЕ ЦВЕТА	ШЕСТНАДЦАТЕРИЧНЫЙ КОД	КОД RGB
IndianRed	#CD5C5C	RGB(205, 92, 92)
LightCoral	#F08080	RGB(24) 0, 128, 128)
Лосось	#FA8072	rgb(250, 128, 114)
Темный лосось	RGB(233, 150, 122)
LightSalmon	#FFA07A	RGB(255, 160, 122)
#DC143C	RGB(220, 20, 60)
Красный	#FF0000	RGB(255, 0, 0)
FireBrick	#B22222	rgb(178, 34, 34)
DarkRed	#8B0000 9 0150	rgb(139, 0, 0)

Семейство розовых цветов – HTML-имена и HTML-коды (шестнадцатеричные коды)

НАЗВАНИЕ ЦВЕТА	ШЕСТНАДЦАТЕРИЧНЫЙ КОД	КОД RGB
Розовый	#FFC0CB 90 150	RGB(255, 192, 203)
Светло-розовый	#FFB6C1	RGB(255, 182, 193)
HotPink	#FF69B4	RGB(255, 105, 180)
DeepPink	#FF1493	RGB(255, 20, 147)
СреднефиолетовыйКрасный	#C71585	rgb(199, 21, 133)
PaleVioletRed	#DB7093	rgb(219, 112, 147)

Семейство оранжевых цветов — HTML-имена и HTML-коды (шестнадцатеричные коды) 45

Светло-лососевый #FFA07A RGB(255, 160, 122) Коралловый #FF7F50 RGB(255, 127, 80) Помидор #FF6347 RGB(255, 99, 71) Оранжево-красный #FF4500 9015 0 RGB(255, 69, 0) Темно-оранжевый #FF8C00 RGB(255, 140, 0) Оранжевый #FFA500 rgb(255, 165, 0)

Семейство желтых цветов – HTML-имена и HTML-коды (шестнадцатеричные коды)

9014 9 rgb(255, 228, 181)

НАИМЕНОВАНИЕ ЦВЕТА	ШЕСТНАЧ. КОД	КОД RGB
Золото	#FFD700	rgb(255, 215, 0)
Желтый	#FFFF00	rgb(255, 255, 0)
Светло-желтый	#FFFFE0	rgb(255, 255, 224)
Лимонный шифон	#FFFACD	rgb(255, 250, 205)
Светло-желтый	#FAFA D2	RGB(250, 250, 210)
PapayaWhip	#FFEFD5	rgb(255, 239, 213)
Мокасины	#FFE4B5
PeachPuff	#FFDAB9	rgb(255, 218, 185)
PaleG oldenrod	#EEE8AA	RGB(238, 232, 170)
Хаки	#F0E68C	RGB(240, 230, 140)
Темно-Хаки	#BDB76B	rgb(189, 183, 107)

Семейство пурпурных цветов – HTML-имена и HTML-коды (шестнадцатеричные коды)

КОД RGB Лаванда #E6E6FA rgb(230, 230, 250) 9 0149 Чертополох #D8BFD8 rgb(216, 191, 216) Слива #DDA0DD rgb(221, 16) 0, 221) Фиолетовый #EE82EE RGB(238, 130, 238) Орхидея #DA70D6 RGB(218, 112, 214) Фуксия #FF00FF rgb(255, 0, 255) Пурпурный # FF00FF RGB(255, 0, 255) MediumOrchid #BA55D3 RGB(186, 85, 211) 9 0138 MediumPurple #9370DB rgb(147, 112, 219) RebeccaPurple #663399 rgb(102, 51, 153) BlueViolet #8A2BE2 rgb(138, 43, 226) DarkViolet #9400D3 rgb(148, 0, 211) 9014 5 DarkOrchid #9932CC rgb(153, 50, 204) DarkMagenta #8B008B 9014 9 RGB(139, 0, 139) Фиолетовый #800080 RGB(128, 0, 128) Индиго #4B0082 RGB(75, 0, 130) 9 0149 SlateBlue #6A5ACD RGB(106, 90, 205) DarkSlateBlue #483D8B RGB(72, 61, 139) MediumSlateBlue #7B68EE rgb(123, 104, 238)

Семейство зеленых цветов – HTML-имена и HTML-коды (шестнадцатеричные коды)

90 149 #7CFC00 9 0138

НАЗВАНИЕ ЦВЕТА	ШЕСТНАДЦАТЕРИЧНЫЙ КОД	КОД RGB
ЗеленыйЖелтый	#ADFF2F	rgb(1 73, 255, 47)
Шартрез	#7FFF00	rgb(127, 255, 0)
LawnGreen	rgb(124, 252, 0)
Салатовый	#00FF00	rgb(0, 255, 0)
Зеленый лайм	#32CD32	RGB(50, 205, 50)
Бледно-зеленый	#98FB98	RGB(152, 251, 152)
Светло-зеленый	#90EE90	RGB(144, 238, 144)
MediumSpringGreen	#00FA9A	RGB(0, 250, 15 4)
SpringGreen	#00FF7F	rgb(0, 255, 127)
MediumSeaGreen	#3CB371	RGB(60, 179, 113)
SeaGreen	#2E8B57	RGB(46, 139, 87)
ForestGreen	#228B22	RGB(34, 139, 34)
Зеленый	#008000	rgb(0, 128, 0)
Темно-зеленый	#006 400	RGB(0, 100, 0)
Желто-зеленый	#9ACD32	RGB(154, 205, 50)
OliveDrab	#6B8E23	rgb(107, 142, 35)
Оливковый	#808000	rgb(128, 128, 0)
DarkOliveGreen	#556B2F	RGB(85, 107, 47)
MediumAquamarine	#66CDAA	RGB(102, 205, 170)
DarkSeaGreen	#8FBC8B	RGB(143, 188, 139)
LightSeaGreen	#20B2AA	RGB (32, 178, 170)
Темно-голубой	#008B8B	RGB(0, 139, 139)
Бирюзовый	#008080	RGB(0, 128, 128)

Синий Цвет HTML — HTML-имена и HTML-коды (шестнадцатеричные коды) 46

Цвет морской волны #00FFFF RGB(0, 255, 255) Голубой #00FFFF RGB(0, 255, 255) Светло-голубой #E0FFFF rgb(224, 255, 255) Бледно-бирюзовый #AFEEEE 9 0149 RGB(175, 238, 238) Аквамарин #7FFFD4 RGB(127, 255, 212) Бирюзовый #40E0D0 rgb(64, 224, 208) СреднийБирюзовый #48D1CC rgb(72, 209) , 204) Темно-Бирюзовый#00CED1 RGB(0, 206, 209) CadetBlue #5F9EA0 RGB(95, 158, 160) 9014 5 SteelBlue #4682B4 rgb(70, 130, 180) LightSteelBlue #B0C4DE RGB(176, 196, 222) Синий #B0E0E6 RGB(176, 224, 230) Голубой 9 0150 #ADD8E6 RGB(173, 216, 230) Небесно-голубой #87CEEB RGB(135, 206, 235) Светло-голубой #87CEFA 901 49 rgb(135, 206, 250) DeepSkyBlue #00BFFF rgb(0, 191, 255) Доджер Синий #1E90FF RGB(30, 144, 255) Васильковый #6495ED RGB(100, 149, 23) 7) MediumSlateBlue#7B68EE RGB(123, 104, 238) RoyalBlue #4169E1 RGB(65, 105, 225) 901 45 Синий #0000FF RGB(0, 0, 255) MediumBlue #0000CD RGB(0, 0, 205) Темно-синий #00008B rgb(0, 0, 139) Темно-синий #00008 0 rgb(0, 0, 128) MidnightBlue #191970 rgb(25, 25, 112)

Коричневый Семейство цветов HTML – HTML-имена и HTML-коды (шестнадцатеричные коды)

90 139 НАЗВАНИЕ ЦВЕТА 9 0149 SaddleBrown 9014 9 rgb(165, 42, 42)

ШЕСТНАДЦАТЕРИЧНЫЙ КОД	КОД RGB
Кукурузный шелк	#FFF8DC	rgb(255, 248, 2 20)
Бланшированный миндаль	#FFEBCD	rgb(255, 235, 205)
Биск	#FFE4C 4	rgb(255, 228, 196)
Белый навахо	#FFDEAD	rgb(255, 222, 173)
Пшеница 9 0150	#F5DEB3	RGB(245, 222, 179)
BurlyWood	#DEB887	RGB(222, 184, 13) 5)
Желто-коричневый	#D2B48C	RGB(210, 180, 140)
Розово-коричневый	#BC8F8F	RGB(188, 143, 143)
SandyBrown	#F4A460	RGB(244, 164, 96)
Золотарник	#DAA520	RGB(218, 165, 32)
DarkGoldenrod	#B8860B	rgb(184, 134, 11)
Перу	#CD853F	RGB(205, 133, 63)
Шоколад	#D2691E	RGB(210, 105, 30)
#8B4513	rgb(139, 69, 19)
Сиенна	#A0522D	RGB(160, 82, 45)
Коричневый	#A52A2A
Maroon	#800000	rgb(128, 0, 0)

Белый цвет HTML Семейство — HTML-имена и HTML-коды (шестнадцатеричные коды)

9 0149 HoneyDew 90 138 901 49 RGB(250, 235, 215)

НАЗВАНИЕ ЦВЕТА	ШЕСТНАДЦАТЕРИЧНЫЙ КОД	КОД RGB
Белый 9015 0	#FFFFFF	RGB(255, 255, 255)
Снег	#FFFAFA	RGB(255, 250, 250)
#F0FFF0	RGB(240, 255, 240)
MintCream	#F5FFFA	RGB(245, 255, 250)
Azure	#F0FFFF	rgb(240, 255, 255)
AliceBlue	# F0F8FF	rgb(240, 248, 255)
GhostWhite	#F8F8FF	RGB(248, 248, 255)
WhiteSmoke	#F5F5F5	RGB(245, 245, 245)
SeaShell	#FFF5EE	rgb(255, 245, 238)
Бежевый	#F5F5 DC	RGB(245, 245, 220)
OldLace	#FDF5E6	RGB(253, 245, 230)
Цветочный белый	#FFAFAF0	RGB(255, 250, 240)
Цвет слоновой кости	#FFFFF0	RGB(255, 255, 240)
Античный белый	#FAEBD7
Лен	#FAF0E6	RGB(250, 240, 230)
Сиреневый Румяна	#FFF0F5	rgb(255, 240, 245)
MistyRose	#FFE4E1	rgb(255, 228) , 225)

Серый Семейство цветов HTML — HTML-имена и HTML-коды (шестнадцатеричные коды)

НАЗВАНИЕ ЦВЕТА

ШЕСТНАЧ.