Как изменить цвет  текста на сайте?

Как изменить цвет текста на сайте?

21.04.201699382admin

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

Этот атрибут можно использовать как в CSS, так и в самих тегах на подобие FONT, SPAN и DIV. Здесь очень легко ориентироваться, но нужно знать определенные цвета. Цвета могут быть записаны на английском языке (red, green, blue), могут быть записаны в RGB или в 16-ричном коде.

Код для использования в CSS:

Код
* {color:blue} // весь текст на странице будет синим
body {color:#FF0000} //текст BODY будет красным
.class_element {color:green} //для элемента с определенным классом
#div_element {color:green} //для элемента с определенным ID

Код в тегах:

Код
<font color="gold">Золотой текст</font>

Также можно использовать для тега атрибут style, вот таким будет код:

Код
<font style="color:#0000FF">Синий текст</font>

Цвет #0000FF является 16-ричным кодом.

Как узнать цвет в Photoshop?

1. Нажмите на цвет и откроется вот такая панель. Там можно узнать все подробности о цвете, нас сейчас интересует код возле символа #. Копируйте его и используйте в коде.

Цвет в Photoshop

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

Примеры цвета:

Примеры цвета

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




Сохраните в социальную сеть
Комментарии (2)
Евгений 21.04.2016 в 21:02Спам
Полезная статья. Н я привык к программке Pixie, которая весит мало и не требует установки. http://delphiexpert.ru/programma-pixie-byistroe-opredelenie-czveta.html
0
Денис Абдуллин 21.04.2016 в 22:54
Да зачем сейчас программы для этого, когда можно просто расширение в браузер поставить: https://chrome.google.com/webstor....g?hl=ru
0
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт