| |
Таблица
безопасных цветов для разработки дизайна сайта
-
Безопасная палитра состоит из 216 цветов. Безопасные цвета всегда
неизменные при переходе от одного браузера к другому или от
одной платформы к другой, от одного монитора к другому с их различными
возможностями цветоотображения и разрешениями.
-
Если любое из
трех шестнадцатеричных значений отличается от 00, 33, 66, 99, СС или FF, то цвет не является безопасным.
Пример: HEX = (99, FF, 10)
-
Безопасная палитра цветов обеспечивает
наиболее точное соответствие отображения на различных мониторах того,
что изначально было задумано веб-дизайнером.
|
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, то цвет не является
безопасным.
Пример: HEX = (99, FF, 10)
-
Для создания любого из 216
безопасных цветов в Red, Green и Blue можно
использовать только десятичные значения: 0,
51, 102, 153, 204, 255 - и никакие другие.
Безопасные цвета
предполагают шесть возможных значений насыщенности для каждой из
составляющих красного, зеленого и синего цветов. Этими значениями являются:
0%, 20%, 40%, 60%, 80% и 100%. Значение 0,0,0 должно быть
эквивалентно черному цвету. Значение 100,100,100 должно отображать чисто
белый цвет. Значение 100,0,0 чисто красный и т.д.
Другими словами,
безопасные цвета - цвета, для которых насыщенность составляющих
соответствует безопасным значениям.
Задание
безопасного цвета заключается в выборе
комбинации из безопасных шестнадцатеричных значений.
Шкала
значений насыщенности цвета
Насыщенность
цвета |
Шестнадцатеричное
значение |
Десятичное
значение |
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 не позволяет включать в файл больше
одного изображения.
-
Человеческий глаз не одинаково
воспринимает различные цвета. Существует понятие спектральная
чувствительность глаза.
Оптимальными для глаз синий,
зеленый и желтые цвета и их оттенки.
|
Профессиональная студия веб-дизайна Москвы "Антула" -
создание сайта и редизайн сайта.
Осуществляем рекламу сайта: раскрутку сайта, поддержку сайта, оптимизацию сайта и продвижение сайта.
|
|
|
|