О представлении цвета в ВЕБ страницах

1. Цвет для ВЕБ

2. Представление цвета
RGB (аббревиатура английских слов Red, Green, Blue — красный,
зелѐный, синий) — аддитивная цветовая модель. Используется в
мониторах.
Голубой
Blue Green
Пурпурный Жѐлтый
Red
Белый
Комбинацией 3-х основных цветов можно получить любой цвет
(доступный монитору)

3. Шестнадцатиричное
кодирование цвета
HEX
(шестнадцатиричное
число)
# 2А АА FF
R G B
Шестнадцатеричные значения каждого цвета

4. Счет в шестнадцатиричном формате
В основании лежит число 16.
Счет идѐт в такой последовательности:
0,1,2,3,4,5,6,7,8,9, A, B, C, D, E, F
Шестнадцатиричное ―F‖ (пишется - #F) - соответствует десятичному
«15»
Число - #10 (читается: «один - ноль») - соответсвует десятичному «16»
Число - #FF равно десятичному «255» – это максимальное значение
цвета.
Таким образом, цвет - в шестнадцатиричном формате:
•#FF FF FF – БЕЛЫЙ цвет (максимальные значения RGB)
•#00 00 00 – ЧЁРНЫЙ цвет (минимальные значения RGB)
•#FF 00 00 – идеально КРАСНЫЙ цвет (R = значению ―FF‖)
•#88 88 88 – СЕРЫЙ цвет (RGB равны и имеют средние значения)

5. Цвет в коде ВЕБ страницы
body { background-color: #FFFFCC; }
Фон страницы будет жѐлтоватого цвета
Часто применяют сокращѐнную запись
body { background-color: #FFC; }
#FFC = # FFFFCC

6. Другие обозначения цвета
Допустимыми обозначениями цвета являются их
некоторые названия:
aqua - аквамарин, navy - ультрамарин,
black - черный, olive - оливковый,
blue - синий, purple - пурпурный,
fuchsia - сиреневый, red - красный,
green - зеленый, silver - серебристый,
gray - серый, teal - сизый,
lime - светло-зеленый, white - белый,
maroon - каштановый, yellow - желтый.
body { background-color: lime; }
Цвет будет светло-зелѐный

7. Таблица
цветов

8. функция RGB
background-color: rgb(255, 255, 255);
Возможно применение
десятичного значения
каждого цвета в
диапазоне от 0 до 255

9. WEB - ―безопасные‖ цвета
•Из более 16 миллионов цветов, которые может воспроизводить
компьютер, есть ТОЛЬКО 216 определѐнных цветов, которые
показываются одинаково на устаревших мониторах и
видеокартах, способных показать только 256 цветов
•Такие цвета называют – «WEB цвета» или «WEB - ―безопасные‖
цвета»
•Сегодня можно не ограничиваться только ВЕБ цветами…
Adobe
Photoshop

10. Генераторы цветовых схем
http://colory.ru/colorgenerator
Существуют как
отдельные
программы, так и
он-лайн сервисы.
http://colorscheme.ru/ http://kuler.adobe.com

11. Программы для выбора цветовой
схемы
http://www.softsoft.ru/search/66321/
Продолжение следует…