Цвет в Web-приложениях.

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

Цветовая модель RGB страниц.

Мониторы компьютеров используют цветовую модель RGB для отображения цветов. Цвет RGB получается путем сочетания красного, зеленого и синего цвета (red, green, blue, и отсюда сокращение RGB), причем различные пропорции составляющих покрывают цвета в диапазоне от черного до белого. Эта модель аддитивна, что означает приближение цвета к белому по мере увеличения любого компонента. Это легко запомнить при создании сайта.

Несмотря на то что все мониторы используют модель цвета RGB, реальные оттенки красного, зеленого и синего цвета меняются при переходе от одного монитора к другому. Это значит, что конкретные цвета RGB с определенными числовыми значениями компонентов могут по-разному выглядеть на разных машинах для одного и того же сайта. Вы, как Web-дизайнер сайта, должны учитывать возможные цветовые вариации на мониторах посетителей Вашего сайта.

Глубина цвета.

Количество цветов в пространстве цветов RGB, которые могут отображаться на мониторе одновременно, называется глубиной цвета. Более точно, глубина цвета - это количество битов, используемых для представления цвета одного пикселя на экране (эту характеристику называют также bits per pixel или bpp).

Большинство мониторов попадает в одну из трех категорий, зависящих от глубины цвета: реалистичного цветовоспроизведения (Truecolor, миллионы цветов), высококачественного цветовоспроизведения (Highcolor или HiColor, тысячи цветов) и индексированного цветовоспроизведения (Indexed color, 256 или меньше цветов). Особенности работы каждой из этих систем цветовоспроизведения впрямую влияют на качество цвета в графике страниц сайта и на решение таких задач, как подбор цветов основной графики и фона. Реалистичное цветовоспроизведение (24- или 32-битовое).

При реалистичном цветовоспроизведении цвет каждого пиксела задается 24 битами с 8 битами на каждый цветовой компонент (красный, зеленый и синий). Теперь немного математики. С помощью каждого бита можно задать 256 цветов, поэтому имеем 256 оттенков красного, 256 оттенков зеленого и 256 оттенков синего цвета. Общее возможное количество сочетаний цветов рассчитывается путем умножения 256 х 256 х 256, получая в результате число 16 777 216 (вместо которого обычно говорят «миллионы цветов»).

Конкретные цвета из этого пространства обычно идентифицируются числовыми значениями их компонентов RGB. Значение каждого компонента задается в диапазоне от О до 255. Например, RGB темно-оранжевого цвета равен R:198, G:83, В:52.

32-битовые мониторы тоже воспроизводят реалистичный цвет (16.7 миллиона цветов), но они имеют также 8 бит незанятого пространства, которые могут использоваться для альфа-канала. 32-битовые мониторы стали популярны, потому что многие современные компьютерные системы работают с 32-битовыми блоками, что позволяет лучше оптимизировать отображение графики сайта. Программы редактирования изображений, обеспечивающие профессиональное качество (например, Photoshop), используют 48-битовый цвет (т. е. 16 бит или 65 536 тонов на каждый компонент цвета) для внутреннего представления цвета в изображениях сайта. Хотя дополнительные цвета не отображаются на мониторе, это позволяет в Photoshop более точно выполнять расчет цветов, избегая ошибок округления при тонких и многократных корректировках изображений.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно    назад    дальше     продолжение темы