Таблица основных цветов для разработки дизайна сайта
00;33;66 |
33;66;99 |
33;66;СС |
00;33;99 |
00;00;99 |
00;00;СС |
00;00;66 |
00;66;66 |
00;66;99 |
00;99;СС |
00;66;СС |
00;33;СС |
00;00;FF |
33;33;FF |
33;33;99 |
66;99;99 |
00;99;99 |
33;CC;CC |
00;CC;FF |
00;99;FF |
00;66;FF |
33;66;FF |
33;33;CC |
66;66;99 |
33;99;66 |
00;CC;99 |
00;FF;CC |
00;FF;FF |
33;CC;FF |
33;99;FF |
66;99;FF |
66;66;FF |
66;00;FF |
66;00;CC |
33;99;33 |
00;CC;66 |
00;FF;99 |
66;FF;CC |
66;FF;FF |
66;CC;FF |
99;CC;FF |
99;99;FF |
99;66;FF |
99;33;FF |
99;00;FF |
00;66;00 |
00;CC;00 |
00;FF;00 |
66;FF;99 |
99;FF;CC |
CC;FF;FF |
CC;CC;FF |
CC;99;FF |
CC;66;FF |
CC;33;FF |
CC;00;FF |
99;00;CC |
00;33;00 |
00;99;33 |
33;CC;33 |
66;FF;66 |
99;FF;99 |
CC;FF;CC |
FF;FF;FF |
FF;CC;FF |
FF;99;FF |
FF;66;FF |
FF;00;FF |
CC;00;CC |
66;00;66 |
33;66;00 |
00;99;00 |
66;FF;33 |
99;FF;66 |
CC;FF;99 |
FF;FF;CC |
FF;CC;CC |
FF;99;CC |
FF;66;CC |
FF;33;CC |
CC;00;99 |
99;33;99 |
33;33;00 |
66;99;00 |
99;FF;33 |
CC;FF;66 |
FF;FF;99 |
FF;CC;99 |
FF;99;99 |
FF;66;99 |
FF;33;99 |
CC;33;99 |
99;00;99 |
66;66;33 |
99;CC;00 |
CC;FF;33 |
FF;FF;66 |
FF;CC;66 |
FF;99;66 |
FF;66;66 |
FF;00;66 |
CC;66;99 |
99;33;66 |
99;99;66 |
CC;CC;00 |
FF;FF;00 |
FF;CC;00 |
FF;99;33 |
FF;66;00 |
FF;66;66 |
CC;00;66 |
66;00;33 |
99;66;33 |
99;66;33 |
CC;99;00 |
FF;99;00 |
CC;66;00 |
CC;66;00 |
FF;33;00 |
FF;00;00 |
CC;00;00 |
99;00;33 |
66;33;00 |
99;66;00 |
CC;33;00 |
99;33;00 |
99;00;00 |
80;00;00 |
99;33;33 |
CC;CC;CC |
99;99;99 |
66;66;66 |
80;80;80 |
33;33;33 |
00;00;00 |
FF,FF,FF |
Режим монитора и число цветов
Разрядность |
1 |
2 |
4 |
5 |
6 |
Число цветов |
2 |
4 |
16 |
32 |
64 |
Разрядность |
7 |
8 |
15 |
16 |
24 |
Число цветов |
128 |
256 |
32768 |
65536 |
16777216 |
Красным цветом выделены наиболее широко применяемые разрядность и количество цветов. |
Соображения по выбору цветов
- Если любое из трех шестнадцатеричных значений отличается от 00, 33, 66, 99, СС или FF, то цвет не является безопасным.
- Для создания любого из 216 безопасных цветов в Red, Green и Blue можно использовать только десятичные значения: 0, 51, 102, 153, 204, 255 - и никакие другие.
Насыщенность цвета |
Шестнадцатеричное значение |
Десятичное значение |
100% |
FF |
255 |
80% |
CC |
204 |
60% |
99 |
153 |
40% |
66 |
102 |
20% |
33 |
51 |
0% |
00 |
0 |
-
Системы управления цветом обычно резервируют, по крайней мере, 40 цветов для системного программного обеспечения компьютера. Если вычесть 40 цветов из 256-цветной палитры, или 8-разрядной системы, то для приложений типа веб-браузеров остается только 216 цветов. Таким образом, 216 - это точное число цветов, с которыми должны работать веб-дизайнеры. В данной палитре содержится избыточное число синих и зеленых тонов и недостаточное количество красных.
-
В веб-дизайне наиболее популярны форматы GIF и JPEG.
-
Формат GIF первоначально был изобретен для использования в CompuServe, одной из первых коммерческих интерактивных сетей. Так как он разрабатывался для использования в компьютерной сети с низкими скоростями передачи данных, то GIF оказался идеальным форматом для использования в Интернете и стал первым графическим форматом, поддерживаемом в компьютерной сети.
-
Смысл сжатия состоит в замене ряда одинаковых символов одним, умноженным на число повторений.
-
Формат GIF ограничен 256-цветной палитрой. Это означает, что, независимо от того, сколько цветов содержит файл, после преобразования в формат GIF в нем останется 256 цветов или меньше. Причина этого ограничения состоит в том, что стандарт GIF разрабатывался для низких скоростей сетевых соединений. Так как каждый цвет, включенный в графический файл, представляет собой дополнительные данные, меньшее количество цветов означает меньшие размеры файла и более короткое время загрузки. Например, если 10 красных пикселей стоят в графическом файле рядом, то в формате файла без сжатия 10 красных пикселей будут представлены как 10 символов. GIF же в этом случае использует только два символа: число повторений цвета и сам цвет. Вместо 10 элементов данных получается только два.
-
Другие интересные возможности GIF - чересстрочная развертка и возможность создания анимированных изображений. Обе эти возможности очень широко применяются в создании веб-страниц.
-
JPEG сжимает изображение, сохраняя его полную черно-белую версию и большую часть цветовой информации. Так как сохраняется не вся цветовая информация, формат JPEG называется форматом с потерями. Более удобен для работы с графикой. В отличие от GIF, JPEG не позволяет включать в файл больше одного изображения.
-
Человеческий глаз не одинаково воспринимает различные цвета. Существует понятие спектральная чувствительность глаза. Оптимальными для глаз синий, зеленый и желтые цвета и их оттенки.