Таблица основных цветов для разработки дизайна сайта

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