Таблица «безопасных» цветов
Все цвета интернета :
Вашему вниманию предлагается палитра цветов, рекомендуемых для экранного дизайна.
При создании изображения для публикации в сети главной проблемой является правильная передача цветов на разных типах компьютеров, мониторов и браузеров. Когда браузер не в состоянии правильным образом передать тот или иной цвет, он подбирает похожий или смешивает несколько соседних цветов (dithering). Иногда первоначальный цвет может быть заменен на что-то совершенно неподходящее.
Цвета из нашей палитры везде будут отображаться правильным образом и без искажений. Любой из 216 цветов «безопасной» палитры может быть использован для графики, текста и фонов.
Как пользоваться палитрой :
Палитра состоит из 32 сочетаний 6 оттенков красного, зеленого и синего. Эти градации — 0, 51, 102, 153, 204, 255.
Над каждым цветом указаны два значения — RGB (для создания цвета в графическом редакторе) и HEX (для обозначения цвета в HTML).
- Таблица «безопасных» цветов:
RGB формат задания цвета [0,1,2,3...252,253,254,255]
Формат использования:
Пример использования:
- Код:
rgb(0,0,0) - чёрный
rgb(255,0,0) - красный
rgb(0,255,0) - зелёный
rgb(0,0,255) - синий
rgb(255,255,255) - белый
и другие оттенки...
В шестнадцатеричном формате HEX [0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F]
Формат использования:
- Код:
hex(#Red Green Blue);
hex(#Красный Зелёный Синий);
hex(#0 0 0);
hex(#00 00 00);
hex(#f f f);
hex(#ff ff ff);
Пример использования:
- Код:
hex(#000) или hex(#000000) - чёрный
hex(#f00) или hex(#ff0000) - красный
hex(#0f0) или hex(#00ff00) - зелёный
hex(#00f) или hex(#0000ff) - синий
hex(#fff) или hex(#ffffff) - белый
и другие оттенки...
RGBA формат задания цвета (не работает в Internet Explorer)
очень похож на RGB формат,отличается только - заданием прозрачности.
Формат использования:
- Код:
rgba(Red, Green, Blue ,Alpha);
rgba(Красный, Зелёный, Синий ,Значение прозрачности);
rgba(0, 0, 0 , 0);
rgba(255, 255, 255 , 1);
Цвета указываются как и в RGB от 0 до 255.
Прозрачность указывается от 0(полностью прозрачно) до 1(непрозрачно).
Пример использования:
- Код:
rgba(0,0,0,1) - чёрный
rgba(0,0,0,0.5) - чёрный полупрозрачный
rgba(255,0,0,1) - красный
rgba(255,0,0,0.5) - красный полупрозрачный
rgba(0,255,0,1) - зелёный
rgba(0,255,0,0.5) - зелёный полупрозрачный
rgba(0,0,255,1) - синий
rgba(0,0,255,0.5) - синий полупрозрачный
rgba(255,255,255,1) - белый
rgba(255,255,255,0.5) - белый полупрозрачный
и другие оттенки...