|
Таблица безопасных цветов для разработки дизайна сайта
-
Безопасная палитра состоит из 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 не позволяет включать в файл больше одного изображения. -
Человеческий глаз не одинаково воспринимает различные цвета. Существует понятие спектральная чувствительность глаза. Оптимальными для глаз синий, зеленый и желтые цвета и их оттенки.
|
|
