Главная → Графика для Web → Цвета для web
Цвета для web
Мы живем в цветном мире и ежедневно видим огромное число оттенков. Нет ничего удивительного в том, что все это многообразие хочется использовать на страницах своего сайта.Для этого в компьютерном дизайне чаще всего используют цветовую модель RGB. В ее основе лежат три цвета: red - красный, green - зеленый, blue - синий. С помощью смешивания этих трех цветов можно получить почти весь видимый спектр.
Для указания RGB-цвета в HTML используется шестнадцатеричная система счисления. Начинается код цвета со спецсимвола # (что и указывает на шестнадцатеричный код), а далее следует шесть символов. Первые два отвечают за количество красного оттенка, третий и четвертый за насыщенность зеленого, а пятый и шестой - синего. Так, #FF0000 - красный цвет, #00FF00 - зеленый, #0000FF - синий, а #FFFFFF - белый.
Меняя насыщенность каждой составляющей из трех, мы можем получить миллионы оттенков. Но есть одна тонкость. Все дело в том, что разные типы компьютеров, мониторов и браузеров цвет с одним и тем же кодом могут передавать по-разному. Когда браузер не может передать тот или иной цвет, он подбирает наиболее близкий к нему (иногда, совершенно неподходящий). Поэтому существует палитра так называемых безопасных цветов, которые везде отображаются без искажений.
Подбирать коды цветов вручную (или вслепую) неудобно, поэтому для этого используют различные графические редакторы. Посмотрим, как это делать в программе Adobe Photoshop. Если вы не знакомы с ней, то обратитесь к серии уроков Осваиваем Adobe Photoshop.
Итак, откроем программу. На основной палитре инструментов щелкнем по одному из двух цветных квадратиков, откроется окно сборщика цветов.
Установим галочку "только web-цвета" и, щелкая по палитре, подберем нужный нам цвет. Затем запомним (или скопируем) код цвета внизу окна (рядом со знаком решетки - #) и можем использовать его в наших html-страницах.
03.06.2009
www.site-do.ru
www.site-do.ru
Главная → Графика для Web → Цвета для web
Если этот сайт оказался вам полезен, пожалуйста, посмотрите другие наши статьи и разделы.
Код кнопки: |
Теперь нажмите кнопку, что бы не забыть адрес и вернуться к нам снова.
|