При форматировании текста в HTML использование цветовых кодов шрифтов HTML важно для эстетики вашей веб-страницы. Существуют различные способы превратить ваш текст в яркие буквы; какой из них вы используете, зависит от того, насколько вам комфортно с этой техникой. Некоторые программисты предпочитают писать код для веб-страницы вручную, поэтому им полезно знать цветовые коды шрифтов HTML. Другие программисты используют программное обеспечение для создания веб-сайтов WYSIWYG. Хотя такие программы вставляют цветовые коды автоматически, это может сэкономить вам время, если вы запомните основные цвета.
Обозначения цвета шрифта
Чтобы придать тексту цвет, вы используете атрибут шрифта в своей кодировке. Один из способов обозначить цвет — написать название цвета, например, «черный» или «белый». Например, выписанный атрибут шрифта выглядит так:
<font color=»black»>Поместите сюда текст.</font>
Вы делаете это каждый раз, когда хотите изменить цвет шрифта. Одним из преимуществ использования названия цвета является то, что цвета легче запомнить. Если вам просто нужно использовать простые цвета, то все, что вам нужно ввести, это «красный», «синий», «желтый», «оранжевый», «черный», «белый», «фиолетовый» или «зеленый».
Другие цвета, которые вы можете попробовать, включают:
- лаймгрин
- Сине-фиолетовый
- Светло-золотистыйжелтый
- Ярко-розовый
- темно-синий
- темно-зеленый
- Мистироуз
Написание полного названия цвета работает в коде HTML и Javascript, а также при создании CSS. Обратите внимание, что спектр имен полных цветов ограничен 140 цветами. Для получения диаграммы всех доступных цветов, которые вы можете использовать с этим методом, перейдите к диаграмме цветов HTML .
шестнадцатеричный
Для большего разнообразия цветов используйте шестнадцатеричные числа в атрибуте шрифта. Шестнадцатеричный код — это шестизначный код, который сообщает веб-браузеру, какого цвета создать текст. В шестнадцатеричном числе используются цифры от 0 до 9 и буквы от A до F. Используя смесь этих символов, вы можете создать 16 миллионов комбинаций цветов.
Вот несколько примеров:
- 000000 = черный
- FFFFFF = белый
- FF0000 = красный
- 008000 = зеленый
Код атрибута шрифта будет выглядеть следующим образом: <font color=#FFFFFF>Белый текст отображается с шестнадцатеричным кодом #FFFFFF.</font>
Основной текст
Если текст на веб-странице не меняется, но вы хотите, чтобы текст был определенного цвета, вы можете указать цвет в теге » <body> «. Выбранный вами цвет будет цветом по умолчанию, если вы не добавите другой тег в другом месте вашего кодирования. Кодирование происходит в верхней части вашего документа:
<body text=»Синий»>
Популярные цветовые коды
Вот 16 распространенных цветов и их шестнадцатеричные эквиваленты:
- Красный, #FF0000
- Белый, #FFFFFF
- Синий, #0000FF
- Грей, #808080
- Оранжевый, № FF8040
- Браун, #804000
- Желтый, #FFFF00
- Фиолетовый, #800080
- Бирюза, № 00FFFF
- Зеленый, #808000
- Розовый, #FF00FF
- Темно-синий, #0000A0
- Светло-серый, #C0C0C0
- Черный, #000000
- Светло-фиолетовый, #FF0080
- Зеленая трава, #408080
Для получения более подробного списка шестнадцатеричных кодов и их полных названий посетите раздел Цветовые коды HTML .
Дополнительное использование
Помимо атрибута шрифта, вы можете использовать цветовые коды шрифта HTML следующими дополнительными способами в атрибуте стиля для различных кодов:
- Тип кузова. Установите цвет фона, добавив атрибут style=»background:#000000″ .
- Цвет стола. Таблица может иметь свой собственный цвет фона, добавив background:#000000 к атрибуту стиля.
- Цвет ссылки. Устали от скучного синего цвета ссылки? Измените его, добавив другой цвет. Код ссылки: <a style=»color:#000000″> .
HTML шестнадцатеричный код Значение
Все шестнадцатеричные числа представлены тремя основными цветами: красным, зеленым и синим. В шестизначной комбинации первые два символа означают, сколько красного вы хотите. Второй набор чисел указывает, сколько зеленого вы хотите, а последний набор — сколько синего включено. Во всех случаях «00» — самый светлый, а «FF» — самый интенсивный. Использование «FF» в любом из наборов и «00» в двух других дает вам чистые цвета красного, зеленого и синего соответственно. Если вы не хотите запоминать коды, то лучше всего поиграть с разными комбинации, чтобы найти лучший внешний вид для вашего сайта.