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

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

62016-04-21229862Денис Абдуллин

Эта статься поможет начинающим изменить цвет текста на всем сайте или в какой-то его части. Атрибут, существующий для изменения цвета текста, называется 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. Чтобы определить цвет на изображении используйте инструмент "Пипетка" , просто кликните по нужной вам области изображений, верхний цвет в панели инструментов изменится на выбранный.

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

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

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


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