Хтмл код цвета: Коды цветов html css палитра

Цветовые коды и названия HTML [с примером]

В веб-дизайне цвет — один из самых важных элементов, который необходимо учитывать. Цвета влияют на внешний вид веб-сайта, а также на то, как пользователи себя чувствуют и ведут себя при посещении вашего сайта. Вот почему важно знать все различные названия цветов HTML и соответствующие им значения RGB. В этом руководстве представлен полный обзор и концепция цветов HTML, которые вам необходимо знать, а также инструменты цветового кодирования HTML. Мы также предоставим некоторые термины, связанные с цветом HTML, чтобы эффективно использовать цвета в веб-дизайне. Итак, приступим!

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

Цветовой код HTML идентифицирует цвет в Интернете и в других цифровых ресурсах. Общие цветовые коды представлены в виде имени ключевого слова, шестнадцатеричного значения, триплета RGB (красный, зеленый, синий) или триплета HSL (оттенок, насыщенность, яркость).

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

• красный (имя ключевого слова)
• #ff0000 (hex)
• (255,0,0) (RGB)
• (0, 100% , 50%) (HSL)

Названия цветов HTML, поддерживаемые всеми браузерами

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

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

• White  
• Gray  
• Black  
• Red  
• Green  
• Blue  
• Yellow  
• Brown  
• Orange  
• Pink  
• Purple  

As you can see, a wide range of HTML color codes is перечислено. Хотите ли вы простой белый или черный фон для своего веб-сайта или что-то более привлекательное, например, зеленый или желтый, для вас найдется подходящий цвет. Всегда учитывайте общий дизайн вашего сайта при выборе цвета. Слишком много цветов может утомить и сделать ваш сайт загроможденным. Придерживайтесь одного или двух цветов для чистого и полированного вида.

Если теперь вы думаете, что знаете о HTML все, что вам нужно, почему бы не проверить свои навыки прямо сейчас? Но как?? Было бы лучше сдать сертификационный экзамен Angular и доказать свои навыки здесь. Итак, приготовьтесь и повысьте уровень своей игры в программирование.

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

1. Код RGB

Код RGB представляет собой 6-значное представление цвета. Значения цвета выражаются в виде первых двух цифр, представляющих красный цвет, следующих двух цифр, представляющих зеленый цвет, и последних двух цифр, представляющих синий цвет. Например, RGB(255, 0, 0) — красный, RGB(0, 255, 0) — зеленый, RGB(0, 0, 255) — синий и так далее.

2. Код HSL

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

Например, HSL(0, 100%, 50%) — красный, HSL(120, 100%, 50%) — зеленый, HSL(240, 100%, 50%) — синий.

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

HEX-код представляет собой 6-значное представление цвета. Шестнадцатеричный код названия цвета начинается с символа решетки (#) и сопровождается шестью шестнадцатеричными символами в диапазоне от 0 до 9 или от A до F. Например, #000000 — черный, #FFFFFF — белый, #FF0000 — красный, #00FF00 — зеленый и так далее.

4. Названия цветов

Существует 140 различных названий цветов, которые можно использовать в HTML. Этот список названий цветов включает в себя распространенные цвета, такие как черный и белый, и менее распространенные, такие как burlywood и mediumpurple.

Это все основные термины, когда мы говорим о цветовых кодах и названиях HTML. Но в этих и многих других терминах, связанных с цветовыми кодами HTML, есть многое. Front End Masters Bootcamp — один из лучших способов познакомиться с некоторыми из лучших словарей HTML и интерфейсных инструментов. Зачем ждать? Зарегистрируйтесь сейчас и улучшите свои навыки.

Что такое шестнадцатеричный код?

Шестнадцатеричный код — это шестизначная шестнадцатеричная система счисления, используемая для обозначения цветов. Цифры 0-9 представляют значения от нуля до девяти, а буквы A-F представляют значения от десяти до пятнадцати. Для указания цвета требуется три байта. Первый байт представляет компонент красного цвета, второй байт представляет компонент зеленого цвета, а третий байт представляет компонент синего цвета. Например, красный цвет может быть указан как #FF0000, а первый байт, представляющий красный компонент, установлен в FF (полная интенсивность).

Чистый белый цвет, когда все три компонента установлены на FF. Цвета также можно указывать в четырехбайтовом формате, где четвертый байт представляет альфа-канал. Альфа-канал определяет, насколько непрозрачным или прозрачным должен быть цвет, и может иметь значение от 00 (полностью прозрачный) до FF (полностью непрозрачный). Шестнадцатеричный код часто используется в веб-дизайне и графическом дизайне, поскольку он предоставляет различные возможности для создания пользовательских цветов.

Цветовые коды на основе триплета HSL 

Как использовать цветовой код в HTML

Ниже приведен сценарий практического использования цветовых кодов в HTML: 

 

<голова>


<тело>
 
Добро пожаловать в KnowledgeHut
 
 
#FFA07A
 
 
#FA8072
 
 
#FF0000
 
 
#8B0000
 


 

Как изменить тип, размер и цвет шрифта на веб-странице?

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

Это образец текста

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

Наконец, если вы хотите изменить шрифт текста, вы можете использовать атрибут "font-family". Например, чтобы использовать шрифт Arial, вы должны использовать этот код:. С помощью нескольких простых изменений в HTML-коде вы можете легко настроить внешний вид своей веб-страницы.

Инструменты цветового кода HTML

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

1. ColorZilla

ColorZilla — это расширение Mozilla Firefox, позволяющее получить шестнадцатеричный код любого цвета на веб-странице. Просто щелкните значок ColorZilla, а затем наведите указатель мыши на цвет, который хотите проверить. Шестнадцатеричный код будет отображаться во всплывающей подсказке. ColorZilla также имеет отличный просмотрщик палитр, который позволяет просматривать все цвета, используемые на веб-странице. Это может быть полезно, если вы пытаетесь сопоставить цвета или выяснить, какие цвета используются на конкретном сайте.

2. Инструменты разработчика Chrome

Инструменты разработчика Chrome — это набор инструментов веб-разработки, встроенных в Google Chrome. Чтобы получить доступ к инструментам разработчика Chrome, просто откройте Chrome и выберите «Вид» > «Разработчик» > «Консоль JavaScript» или нажмите Ctrl+Shift+J (Windows) или Cmd+Opt+J (Mac). Открыв консоль, щелкните вкладку «Элементы», а затем наведите указатель мыши на элемент, который хотите проверить.