Цвета формат: Что такое формат цвета RGB.


12.11.1974 Facebook Twitter LinkedIn Google+ Разное


Содержание

Что такое формат цвета RGB.

С форматом цвета RGB вы столкнётесь практически в любой графической программе на компьютере, которая имеет дело с цветом.

Формат RGB – это всего лишь один из способов сообщить компьютеру, каким цветом вы хотите работать. Т.е. это набор правил, с помощью которых любой цвет можно представить в виде определенного кода цифр и букв.

По сути, формат RGB – это всего лишь указание компьютеру трех цветов: красного, зеленого и синего. Если смешивать эти цвета в разных сочетаниях, то можно получить все цвета радуги. Этим и оперирует компьютер, в его памяти заложена информация обо всех комбинациях и цветах, которые соответствует каждому набору.

Таким образом, компьютер и человек могут говорить на одном языке, в вопросе о том, каким цветом нужно отображать какие-то элементы на странице.

Каждый цвет: красный, зеленый или синий, характеризуется его интенсивностью или насыщенностью.

Количество каждого цвета может лежать в диапазоне от 0 до 255.

Абсолютно красный цвет будет иметь форму записи (255,0,0). Это означает, что количество красного цвета 255, зеленого 0 (т.е. зеленой составляющей нет), синий 0 (синей составляющей нет).

Абсолютно синий цвет (0,255,0) и зеленый (0,0,255).

При различных комбинациях, начинают уже образовываться различные цвета радуги:

ярко-фиолетовый — (255,0,255), чёрный — (0,0,0)

Такая форма записи (255,0,255), в виде десятичных чисел, называется десятичной. Но цвет RGB можно также представить в виде 16-ричной системы. Такими числами легче оперировать компьютеру.

Если преобразовать по очереди, каждое из чисел, которое соответствует определенному цвету, в 16-ричную систему, то мы получим другую форму записи цвета.

FFFFFF – (255,255,255) – белый цвет

Где FF – число 255 в 16-ричной системе счисления.

000000 – (0,0,0) – черный цвет

Т.е. цвет в формате RGB можно представить как в 16-ричной, так и в 10-чной системе счисления.

Если цвет записывается в 16-ричной системе, то принято перед числовым значением ставить знак «#»

#FFFFFF

#000000

Знак решетки сообщает о том, что используется именно 16-ричная система.

Вот некоторые стандартные цвета, которыми может оперировать компьютер.

Больше моих уроков по HTML, CSS и верстке сайтов здесь.

Форматы графических файлов | WebReference

Широкое распространение для веб-графики получили два формата — PNG и JPEG. Их многофункциональность, универсальность, небольшой объём исходных файлов при достаточном для сайта качестве сослужили им хорошую службу, фактически определив их как стандарт веб-изображений. Есть ещё формат GIF, который также поддерживается браузерами при добавлении изображений и SVG, о котором следует сказать отдельно.

GIF

GIF (Graphics Interchange Format, формат обмена графическими данными) — формат графических файлов, широко применяемый при создании сайтов. GIF использует 8-битовый цвет и эффективно сжимает сплошные цветные области, при этом сохраняя детали изображения.

Особенности

  • Количество цветов в изображении может быть от 2 до 256, но это могут быть любые цвета из 24-битной палитры.
  • Файл в формате GIF может содержать прозрачные участки. Если используется отличный от белого цвета фон, он будет проглядывать сквозь «дыры» в изображении.
  • Формат поддерживает покадровую смену изображений, что делает его популярным для создания баннеров и простой анимации.
  • Использует свободный от потерь метод сжатия.

Область применения

Текст, логотипы, иллюстрации с чёткими краями, анимированные рисунки, изображения с прозрачными участками, баннеры.

JPEG

JPEG (Joint Photographic Experts Group, объединённая группа экспертов в области фотографии) — популярный формат графических файлов, широко применяемый при создании сайтов и для хранения изображений. JPEG поддерживает 24-битный цвет и сохраняет неизменными яркость и оттенки цветов в фотографиях. Данный формат называют сжатием с потерями, поскольку алгоритм JPEG выборочно отвергает данные. Метод сжатия может внести искажения в рисунок, особенно содержащий текст, мелкие детали или чёткие края. Формат JPEG не поддерживает прозрачность. Когда вы сохраняете фотографию в этом формате, прозрачные пиксели заполняются определённым цветом.

Особенности

  • Количество цветов в изображении — около 16 миллионов, что вполне достаточно для сохранения фотографического качества изображения.
  • Основная характеристика формата — качество, позволяющее управлять конечным размером файла.
  • Поддерживает технологию, известную под названием прогрессивный JPEG, при которой версия рисунка с низким разрешением появляется в окне просмотра до полной загрузки самого изображения.

Область применения

Используется преимущественно для фотографий. Не очень подходит для рисунков, содержащих прозрачные участки, мелкие детали или текст.

PNG-8

PNG-8 (Portable Network Graphics, портативная сетевая графика) — формат по своему действию похожий на GIF. По заверению разработчиков, он использует улучшенный формат сжатия данных, но как показывает практика, это не всегда так.

Особенности

  • Использует 8-битную палитру (256 цветов) в изображении, за что и получил в своём названии цифру восемь. При этом можно выбирать, сколько цветов будет сохраняться в файле, — от 2 до 256.
  • В отличие от GIF, не отображает анимацию ни в каком виде.

Область применения

Текст, логотипы, иллюстрации с чёткими краями, изображения с прозрачностью.

PNG-24

PNG-24 — формат, аналогичный PNG-8, но использующий 24-битную палитру цвета. Подобно формату JPEG, сохраняет яркость и оттенки цветов в фотографиях. Подобно GIF и формату PNG-8, сохраняет мелкие детали изображения.

Особенности

  • Использует примерно 16,7 миллионов цветов, из-за чего этот формат применяется для полноцветных изображений.
  • Поддерживает многоуровневую прозрачность, это позволяет создавать плавный переход от прозрачной области изображения к цветной, так называемый градиент.
  • Из-за того, что используемый алгоритм сжатия сохраняет все цвета и пиксели в изображении неизменными, по сравнению с другими форматами у PNG-24 конечный объём файла с фотографией получается наибольшим.

Область применения

Фотографии, рисунки, содержащие прозрачные участки, рисунки с большим количеством цветов и чёткими краями изображений.

SVG

SVG (Scalable Vector Graphics, масштабируемая векторная графика) — это векторный формат, в отличие от предыдущих растровых форматов. Растровое изображение состоит из набора разноцветных пикселей, которые для человеческого глаза сливаются в единую картинку. Векторное же строится из набора объектов, вроде линий, кривых, прямоугольников, окружностей и др. При увеличении масштаба векторное изображение увеличивается пропорционально, сохраняя своё высокое качество.

Особенности

  • Надписи остаются обычным текстом, их можно выделять, копировать, они читаются поисковыми системами при обходе сайта.
  • Рисунки можно масштабировать произвольно, сохраняя при этом высокое качество.
  • Формат не поддерживается браузером Internet Explorer до версии 9.0.

Область применения

Масштабируемые изображения, рисунки, логотипы, иллюстрации, графики и диаграммы.

Автор и редакторы

Автор: Влад Мержевич

Последнее изменение: 11.11.2015

Редакторы: Влад Мержевич

Иллюстрированный самоучитель по SVGA › Цвет в коде точки › Преобразование палитры в форматы True Color [страница — 169] | Самоучители по программированию

Преобразование палитры в форматы True Color

В данном разделе описаны две подпрограммы, предназначенные для преобразования кодов цветов палитры в формат, соответствующий режимам True Color. При установке этих видеорежимов код базового цвета занимает 1 байт, поэтому сокращение размеров кодов цветов палитры не требуется, что упрощает выполняемые в подпрограммах действия.

Мы предполагаем, что вы внимательно прочитали, по крайней мере, начало предыдущего раздела и знаете, как задаются входные параметры перед вызовом подпрограмм, где расположены исходная палитра и формируемая таблица цветов. Отметим только, что при работе в видеорежимах True color размер таблицы цветов увеличивается до 1024 байтов (1 Кбайт), поскольку формируемый код цвета занимает 32 разряда (двойное слово).

Палитра формата bgr0 не требует никаких преобразований, поскольку расположение базовых цветов и резервного байта полностью соответствует режимам True color (см. табл. 7.2 и 7.3). В этом случае палитру из файла надо просто прочитать в буфер общего назначения, а не в буфер обмена, как мы это обычно делали.

Замечание
Напомним, что чтение из файла выполняет функция 3Fh прерывания int 2lh. Перед ее вызовом адрес для размещения прочитанных данных указывается в регистрах ds:dx. Мы использовали для чтения подпрограмму readf, описанную в примере 3.23, которая загружала в эти регистры сегмент и смещение буфера обмена. Для чтения в любое указанное место памяти она не предназначена, поэтому вам придется составить аналогичный вариант подпрограммы, выполняющей чтение из файла в буфер общего назначения
.

Палитра формата bgr отличается от формата bgr0 отсутствием в ее строках пустого (резервного) байта. Поэтому формирование кода цвета сводится к копированию базовых цветов из палитры и добавлению пустого байта. Текст подпрограммы приведен в примере 7.19.

В цикле формирования кода примера 7.19 из палитры в таблицу цветов сначала копируется первое слово, содержащее коды синего и зеленого цветов. Затем в байт al считывается из палитры код красного цвета, а байт ah очищается. В результате в регистре ах оказывается старшая часть 32-разрядного кода цвета. Следующая команда stosw записывает содержимое ах в таблицу цветов. Код очередного цвета сформирован и записан, а поскольку для чтения и записи в цикле использованы строковые операции, то дополнительные команды переадресации не требуются. Последняя команда loop управляет повторами цикла.

Палитра формата rgb

В этом случае в строках палитры не только отсутствует пустой (резервный) байт, но и базовые цвета расположены в обратном порядке, по сравнению с форматом bgr. Поэтому, в отличие от примера 7.19, их простое копирование не возможно – требуется изменение расположения цветов. В примере 7.17 для расположения базовых цветов в нужной последовательности мы использовали сдвиг формируемого кода перед добавлением очередного цвета. Этот прием применим и в данном случае, как выполняется подобное преобразование, показано в примере 7.20.

Пример 7.19. Преобразование палитры bgr в 32-разрядный код.

cnvpal: PushReg <ax,ex,di,si,es>; сохранение содержимого регистров
les di, dword ptr GenOffs; es:di = адрес таблицы цветов
modcol: movs word ptr [di], fs:[si]; копируем 2 младших байта
lods byte ptr fs:[si]; читаем в регистр al третий байт
xor ah, ah; очищаем старший байт регистра ах
stosw; записываем 2 старших байта
loop modcol; управление повторами цикла
PopReg <es,si,di,cx,ax>; восстановление регистров
ret; возврат из подпрограммы

Пример 7.20. Преобразование палитры rgb в 32-разрядный код.

cnvpal: PushReg <ax,ex,di,si,es>; сохранение содержимого регистров
les di, dword ptr GenOffs; es:di = адрес таблицы цветов
modcol: xor ah, ah очистка регистра ah
lods byte ptr f s:[si] чтение кода красного цвета
shl eax, 16 сдвиг содержимого еах влево на слово
lods word ptr fs:[si] чтение зеленого и синего цвета
xchg ah, al перестановка синего и зеленого цвета
stosd запись строки в таблицу цветов
loop modcol управление повторами цикла
PopReg <es,di,cx,ax> восстановление регистров
ret возврат из подпрограммы

Выполнение цикла modcol в примере 7. 20 начинается с очистки регистра ah. В результате, после сдвига на 16 разрядов, окажется очищенным резервный байт в формируемом коде цвета. Вторая команда тела цикла считывает в регистр ai код красного цвета, и в регистре ах оказывается старшая часть формируемого кода.

Она сдвигается на 16 разрядов и оказывается в старшей половине регистра еах, а в младшую считываются коды зеленого и синего цветов. Для того чтобы содержимое регистра еах соответствовало табл. 7.2, эти цвета надо поменять местами, что и делает команда xchg. Сформированный код записывает в таблицу цветов команда stosd. Для чтения и записи в цикле использованы строковые операции, поэтому команды переадресации не нужны. Сразу после stosd выполняется команда loop, управляющая повторами цикла.

Глоссарий

BMP

BMP — формат файла несжатого изображения, разработанный в Microsoft и в основном используемый в Windows. Цвета обычно представлены 1-им, 4-мя или 8-ью битами, хотя формат поддерживает и больше. Поскольку формат не сжат, файла получаются большими и не подходят для использования в интернете.

CMY, CMYK

CMYK — цветовая модель с компонентами голубого, пурпурного, жёлтого и чёрного. Это субтрактивная (вычитающая) цветовая модель, и этот факт важен при печати изображения. Она дополняет цветовую модель RGB.

Значения отдельных цветов варьируются от 0% до 100%, где 0% означает ненапечатанный цвет, а 100% означает полностью напечатанный цвет. Цвета формируются смешением основных цветов.

Последнее значение, K (чёрный), не даёт никакого цвета. Он используется для затемнения других цветов. Буква K означает «чёрный цвет» (black) во избежание путаницы, поскольку B обычно означает «синий цвет» (blue).

Рисунок 1059. Субтрактивная цветовая модель

В настоящий момент GIMP не поддерживает цветовую модель CMYK. (Экспериментальное дополнение для поддержки CMYK можно найти здесь [PLUGIN-SEPARATE].)

Этот режим используется для печати, а названия каналов соответсвуют цветам чернил в катриджах принтера. В некотором смысле этот режим постоянно окружает нас во всех объектах, чей цвет отражается, а не излучается. Объекты поглощают часть спектра, и мы видим отражённую часть. Заметьте, что глаза видят это отражённый свет в режиме RGB. Объект кажется красным потому, что зелёный и синий были поглощены. Поскольку зелёный и синий дают голубой, голубой поглощается, когда добавляется красный. Или наоборот, при добавлении голубого его дополнительный цвет красный поглощается. Эта система субтрактивная. Если добавить жёлтого, то уменьшится синий, а если добавить пурпурного, то уменьшится зелёный.

Было бы логичным думать, что при смешивании голубого, пурпурного и жёлтого вычитается красный, зелёный и синий, и в результате глаз бы не видел цвета, то есть чёрный цвет. Но вопрос более сложный. На самом деле мы бы видели тёмно-коричневый. Поэтому эта модель содержит компонент чёрного, и у принтера есть картридж чёрного. Это более дёшево. Принтеру не нужно смешивать три цвета, чтобы получить несовершенный чёрный, он попросту использует чёрный.

Cупервыборка

Cупервыборка — более мощная техника сглаживания, то есть метода уменьшения зигзагообразных краёв наклонной или кривой линии. Выборка берётся в нескольких местах внутри каждой точки, не только в центре и высчитывается усреднённое значение. Это осуществляется отображением изображения с намного бо́льшим разрешением, чем исходное, использованием дополнительных точек в вычислении, и сжатием изображения до исходного размера. В результате получается более плавный переход от одной линии точек к другой по краям объекта.

Качество зависит от числа выборок. Cупервыборка обычно производится в диапазоне размером в от 2-х до 16-ти раз больше исходного. Это сильно увеличивает время на преобразование и размер памяти для хранения временного результата.

Один из способов уменьшить размер памяти и время работы это использовать адаптивную интерполяцию. Этот метод берёт во внимание тот факт, что немногие точки находятся на границе объекта и поэтому только их нужно интерполировать. Сначала делается небольшое число выборок. Если цвета похожи друг на друга этих выборок хватает для вычисления конечного цвета. Если не похожи, то берётся больше выборок. Это означает, что дополнительные выборки берутся только тогда, когда нужно, что увеличивает эффективность.

EXIF

Формат файла для обмена (Exchangeable image file format, официальная аббревиатура Exif, не EXIF), используемый в цифровых камерах. Был создан японской ассоциацией развития электронной промышленности (Japan Electronic Industry Development Association JEIDA). Описание использует существующие форматы JPEG, TIFF Версии 6. 0 и RIFF WAVE с добавлением определённых тэгов метаданных. Этот формат не поддерживается в JPEG 2000 или PNG. Версия 2.1 была разработана в июне 1998-ого года, версия 2.2 — в апреле 2002-ого. Структура тэгов в файле Exif была взята из формата TIFF. Существует большое число общих тэгов в стандартах TIFF, Exif, TIFF/EP и DCF [WKPD-EXIF].

GIF

GIF™ означает формат обмена графикой (Graphics Interchange Format). Это формат файла с хорошей сжимаемостью без потерь для изображений с маленькой цветовой глубиной (до 256 разных цветов на изображение). С момента разработки GIF был разработан новый формат, Портативная Сетевая Графика (Portable Network Graphics, PNG), который лучше GIF по всем параметрам, кроме анимации и несколько редко используемых свойств.

GIF был разработан в CompuServe в 1987. Он стал популярен благодаря эффективному алгоритму сжатия LZW. Размер изображения был меньше, чем для других графических форматов того времени, таких как PCX или MacPaint. Даже большие изображения можно было скачать за приемлемое время, даже через модем. В добавок лёгкость линцензирования у CompuServe позволила любому программисту встроить формат GIF в своё приложение бесплатно при условии что сообщение об авторском праве CompuServe на формат распространялось с приложением.

Цвета в GIF сохраняются в цветовой таблице, содержащей до 256-ти записей, выбранных из 16,7 миллионов разных цветовых значений. На момент создания формата это не было сильным ограничением, посколько у немногих были устройства для показа большего числа цветов. Для обычных черчежей, комиксов, чёрно-белых фотографий и прочих 256 цветов хватало, даже по сегоднешним меркам. Для более сложный изображений, таких как цветный фотографии, потеря качества заметна, и поэтому формат в этих областях редко применяется.

Одна цветовая запись в палитре может быть указана, как прозрачная. С прозрачностью изображение GIF может выглядеть непрямоугольным. Однако частичная прозрачность, как в PNG не возможна. Точка может быть либо полностью прозрачной, либо полностью непрозрачной.

Первая версия GIF была 87a. В 1989-ом CompuServe опубликовал расширенную версию 89a. Среди прочего, можно было сохранять несколько изображений в одном файле GIF, что применяется для анимации. Номер версии записан в первых шести байтах файла GIF. В кодировке ASCII они выглядят как «GIF87a» или «GIF89a».

GNU

Проект GNU начал Ричард Столман (Richard Stallman) в 1983-м году с целью создания полностью свободной операционной системы. Он более известен из-за общей общественной лицензии GNU (GNU General Public License GPL) и GNU/Linux, вариант GNU с ядром Linux.

Название произошло из традиции присваивания названий в MIT, где Столман работал. Для приложений, схожим с другими приложениями выбирали рекурсивное название. Поскольку новая система основывалась на распространённой операционной системе Unix, Столман назвал её GNU, что означает «GNU — не Unix» («GNU is not Unix». Чтобы не возникло путаницы название произносят с «G». GNU была совместима с Unix с самого начала. Столман верил, что производители не примут новую систему, если на ней нельзя будет запускать существующие приложения. Архитектура Unix с её набором маленьких и независимых программ позволяла разработчикам работать параллельно. Также много свобоных приложений уже существовали для Unix, на пример TeX и Оконная система X, и поэтому легко интегрировались в GNU. Недостающие части были написаны с нуля.

GIMP (GNU Приложение по манипуляции изображений) — официальной приложение GNU [WKPD-GNU].

HSV

HSV — цветовая модель, содержащая компоненты тона (цвет, как синий или красный), насыщенности (интенсивность цвета) и яркости.

Режим RGB более всего подходит для компьютерных экранов, но не позволяет описать всё, что можно видеть в природе, на пример светло-зелёный, бледно-розовый, ярко-красный. Модель HSV принимает это во внимание. HSV и RGB не полностью независимы друг от друга. Это видно в инструменте «Пипетка»; при изменении цвета в одной модели меняется значение и в другой модели. В книге [GROKKING] описана эта зависимость.

Короткое описание компонентов HSV:

Тон

Сам цвет — результат наложения основных цветов. Все оттенки (кроме серого) показаны на хроматическом круге: жёлтый, синий, а также фиолетовый, оранжевый, и т.п. Значения в хроматическом круге (или «цветовое колесо») могут быть от 0° до 360°. (Термин «Цвет» часто используется вместо «Тона». Цвета RGB — «основные цвета».)

Насыщенность

Определяет бледность цвета. Полностью ненасыщенный цвет становится просто оттенком серого. Полностью насыщенный цвет становится чистым цветом. Значение насыщенности может быть от 0 до 100, от белого до чистого цвета.

Яркость

Определяет световую интенсивность. Это количество света, испускаемого цветом. Яркость изменяется, когда, на пример, цветной объект перенести из тени на солнце. Значение яркости может быть от 0 до 100. Значения точек на экране — тоже значения яркости: «Яркость» в цветовой модели HSV есть векторная сумма элементарных значений в модели RGB (масшабированных в диапазон от 0 до 100).

JPEG

JPEG — формат файла, поддерживающий сжатие и любую цветовую глубину. Степень сжатия параметризирована, но нужно помнить, что слишком большое сжатие может сильно ухудшить качество изображения, поскольку JPEG сжимает с потерями.

Формат JPEG удобен для создания графики для интернета, когда есть ограничения на размер изображения. JPEG хорош для фотографий и изображений, созданных компьютером (CGI). Он не подходит для:

  • Цифровых чертежей (на пример, скриншоты или векторная графика), где множество соседних точек имеют тот же цвет, где мало цветов и резкие границы,

  • чёрно-белые изображения (без оттенков серого, один бит на точку) или

  • полутонированые изображения (газетная бумага).

Другие форматы, такие как GIF, PNG или JBIG лучше подходят для таких изображений.

В основном, преобразования JPEG не обратимы. Открытие и сохранение файла JPEG создаёт новое сжатие с потерями. Увеличение коэффициента качества не вернёт потеряные данные.

L*a*b*

Цветовое пространство Lab (также называемое L*a*b*) как цветовая модель было разработано в начале 1930-ых международной комиссией по освещению, МКО (Commission International d’Eclairage, CIE). Оно включает все цвета, которые способен видеть человеческий глаз. Оно включает цветовые пространства RGB и CMYK, среди прочих. В Lab цвет указывается тремя значениями: L, a и b. L означает яркость — соответствует значению серого — а a и b представляют, соответственно, красно-зелёную и сине-жёлтую часть цвета.

В отличие от RGB или CMYK, Lab не зависит от устройств ввода и вывода. Поэтому оно используется как формат обмена между устройствами. Lab — внутреннее цветовое пространство стандарта PostScript Уровень 2.

PDF

Все функции GIMP и его дополнений регистрируются в базе процедур (PDB). Разработчики могут вызвать Просмотр процедур, чтобы прочитать полезную информацию по программированию с этими функциями.

PDF

Формат файла «Портативный формат документов» (Portable Document Format, PDF) был разработан в Adobe, чтобы исправить некоторые проблемы с PostScript. Что немаловажно, размеры файлов PDF обычно немного меньше соответствующих файлов PostScript. Как и с PostScript, GIMP поддерживает формат PDF с помощью свободной библиотеки Ghostscript.

PNG

У формата файла «Портативная сетевая графика» (Portable Network Graphic, PNG) много преимуществ и мало недостатков. Он сжимает без потерь и файлы получаются больше, чем у формата JPEG, но зато изображения можно сохранять много раз без потери качества. (Он используется для настоящего руководства). Он поддерживает реальный цвет (несколько миллионов цветов), индексированые изображения (256 цветов, как GIF), и 256 уровней прозрачности (тогда как GIF поддерживает только два уровня).

PostScript

PostScript был разработан в Adobe как язык описания страниц, в основном использующийся принтерами и другими устройствами вывода. Это также хороший формат для обмена документами. GIMP не поддерживает PostScript напрямую: он использует для этих целей свободную библиотеку Ghostscript.

Главная сила PostScript заключается в возможности описания векторной графики — линии, кривые, текст, контуры и пр. — в независимом от разрешения формате. PostScript не очень эффективен для описания растровой графики на уровне точек. Поэтому он не подходит для сохранения изображений для последующего редактирования в GIMP или другом графическом редакторе.

PSD

PSD — собственный формат файла для Adobe Photoshop и поэтому схож по сложности с форматом XCF. GIMP не полностью поддерживает файлы PSD: некоторые средства файлов PSD не загружаются и поддерживаются только старые версии формата. К сожалению Adobe сделал пакет разработки приложений для Photoshop (а это включает и описание формата файла) частным и доступным только для избранных и заверенных Adobe разработчиков. Комманда разработчиков GIMP не в их числе, поэтому поддержка файлов PSD выходит с задержкой.

PSD — собственный формат файла для Adobe Photoshop и поэтому схож по сложности с форматом XCF. GIMP не полностью поддерживает файлы PSD: некоторые средства файлов PSD не загружаются и поддерживаются только старые версии формата. К сожалению Adobe сделал пакет разработки приложений для Photoshop (а это включает и описание формата файла) частным и доступным только для избранных и заверенных Adobe разработчиков. Комманда разработчиков GIMP не в их числе, поэтому поддержка файлов PSD выходит с задержкой.

RGB

Рисунок 1061. Дополнительная цветовая модель

В цветовой модели RGB есть три компонента, для красного, зелёного и синего. Это цвета, производимые элементами экрана, а не отражёнными, как при краске. Конечный цвет представляет собой комбинацию этих трёх основных цветов RGB с разной степенью яркости. На экране телевизора цветовые элемента красного, зелёного и синего больше таких же элементов компьютерного экрана, и легче увидеть их разную интенсивность. Цветовая модель RGB дополнительная.

GIMP использует восемь битов на канал для каждого основного цвета. Это даёт 256×256×256 = 16,777,216 доступных цветов.

Основные цвета производят цвет неочевидным образом. На пример, почему 229R+205G+229B даёт светло-розовый? Это зависит от глаза и мозга. Три вида колбочек глаза по-разному воспринимают основные цвета видимого спектра, и мозг синтезирует из этих разниц информацию о цвете.

Легко видеть что отсутствие света (0R+0G+0B) даёт чёрный, и полный свет (255R+255G+255B) даёт белый. Одинаковая интенсивность каждого цветового канала даёт оттенок серого. Поэтому в GIMP возможны только 256 уровней серого.

Смешение двух основных цветов в режиме RGB даёт вторичный цвет, то есть цвет в модели CMY. Поэтому смешение красного и зелёного дайт жёлтый, зелёного и синего даёт голубой, иснего и красного даёт пурпурный. Не следует путать вторичные цвета с дополнительными цветами, которые диаметрально противоположны основному цвету на хроматическом круге:

Рисунок 1062. Цветовой круг

Важно знать, что происходит при работе с цветами в GIMP. Самое важное правило заключается в том, что уменьшение основного цвета усиливает дополнительный цвет, и наоборот. Это происходит потому, что при уменьшении значения, на пример зелёного, канала увеличивается относительная важность двоих других, красного и синего. Комбинация этих двух каналов даёт вторичный цвет пурпурный, служащий как дополнительный к зелёному.

Инструмент Выборщик цвета позволяет определить значения RGB точки и её цвет в шестнадцатиричной форме.

SVG

SVG означает масштабируемая векторная графика (Scalable Vector Graphics). Это формат файла для двухмерной векторной графики, как статичной, так и анимированой. Контуры GIMP можно экспортировать в SVG, и докумуенты SVG можно импортировать в GIMP из приложений векторной графики. За дополнительной информацией обращайтесь сюда [WKPD-SVG].

TGA

TGA (изображение TARGA) — формат файла, поддерживающий 8, 16, 24 и 32 битов на точку и необязательным кодированием с переменной длиной строки. Он был разработан в Truevision. «TGA» означает Truevision графический адаптер, а «TARGA» — Truevision продвинутый растровый графический адаптер.

TIFF

Формат файла TIFF (тэговый формат изображения, Tagged Image File Format) был разработан для сканируемой растровой графики для разделения цвета. Поддерживаются шесть кодирующие процедуры, каждая со следующими режимами: чёрно-белый, серый и цветной. В несжатых изображениях TIFF на точку может приходится 1, 4, 8 или 24 бита. В изображениях TIFF, сжимаемых алгоритмом LZW, может быть 6, 8 или 24 битов на точку. Кроме формата Postscript, TIFF есть один из наиболее важных форматов для для начальных стадий печатания. У него высокое качество, что хорошо для импортирования изображений в другие приложения, такие как FrameMaker или CorelDRAW.

URI

Унифицированный указатель ресурсов (Uniform Resource Identifier, URI) состоит из последовательности символов, указывающий на абстрактный или физический ресурс. Он обычно используется для наименования ресурсов на интернете (веб страницы, разные файлы, веб услуги, адрес элекронной почты).

URL

Единый указатель ресурсов (URL — Uniform Resource Locator) — один из видов унифицированного указателя ресурсов. Для указания на ресурс он использует главный метод доступа и путь к ресурсу в компьютерной сети. Имена в такой схеме обычно происходят от сетевого протокола, используемого для доступа (пример протоколов http, ftp и mailto).

Поскольку URL — наиболее распространённый вид URIs, эти термины обычно используются как синонимы.

XCF

Формар файла XCF — собственный формат для GIMP. Он был разработан специально для хранения информации об изображении GIMP. Из-за этого формат сложен и немногие другие приложения его поддерживают.

Когда изображение сохраняется в формате XCF, практически вся детальная информация об изображении сохраняется. Она включает данные точек для каждого слоя, текущее выделение, дополнительные каналы, контуры и направляющие. Из того что важно, что не сохраняется можно выделить историю действий.

Данные точек в формате XCF сжимаются без потерь: блоки изображения сжимаются кодированием с переменной длиной строки. Это означает, что сколько бы раз не загружать и сохранять изображение, ни одна точка в нём не изменится. GIMP предоставляет возможность сжать сами файлы при помощи методов gzip или bzip2. Они оба эффективны и свободно доступны. После сжатия размер файла XCF может уменьшится в 10 раз.

Разработчики GIMP постарались сделать формат XCF совместимым с разными версиями. Если файл был создан в GIMP 2.0, его можно в принцыпе открыть в GIMP 1.2. При этом некоторая информация может не использоваться. На пример, из-за расширенной поддержки текста в GIMP 2.0 слой тескта будет представлен как обычный слой в GIMP 1.2.

YCbCr

Цветовая модель YCbCr была разработана для стандарта телевидения PAL как простая добавка к цветовой модели YUV. В то же время она стала стандартом CCIR-601 для записи изображения и видео. На пример, она используется в изображениях JPEG и видео MPEG, и поэтому, также в DVD, видео CD и других стандартах цифрового видео. Заметьте, что цветовая модель — не цветовое пространство, послкольку она не определяет, что означает «красный», «зелёный» и «синий». Для цветового пространства необходимо дать абсолютное значение каждому цвету.

Некоторые цветовые модели кодируют цвета не как некую сумму основных цветов (красного, зелёного и синего в RGB), а другими свойствами, на пример, модель яркости и цвета. Здесь критерий — основная яркость цвета (от чёрного до белого), цвета с наибольшей составляющей (красный, оранжевый, жёлтый, зелёный, синий, фиолетовый и другие чистые цвета, находящиеся между ними) и насыщенность цветов (от ярких до бледных). Эта модель основана на том, что человеческий глаз улавливает мелкие различия в яркости лучше, чем мелкие разлиция в цвете, и оба лучше, чем мелкие различия в насыщенности. Поэтому серый текст на чёрном фоне читать легко, а синий текст на красном фоне — сложно даже с той же яркостью. Такие модели называются моделями яркости и цвета.

Модель YCbCr — небольшая разновидность такой модели яркости и цвета. Значение RGB разбивается на основную яркость Y и на два компонента Cb и Cr. Cb — мера отклонения от серого в сторону синего, а если меньше 0,5, то в сторону жёлтого. Cr — такая же мера отклонения от серого в сторону красного или бирюзового. Это описание использует особую чуствительность глаза к зелёному цвету. Поэтому большинство информации о пропорции зелёного находится в основной яркости Y, и только отклонения к синему и красному нужно представить. В практическом применении, как в DVD, у значений Y в два раза больше разрешение, чем у Cb и Cr.

YUV

YUV — цветовая модель, которая использует два компонента для представления цвета: яркость (сила света на единицу площади) и цветность, или долю цвета, где у цветности два компонента. Разработка этой модели датируется разработкой цветного телевидения PAL, когда хотели добавить информацию о цвете не нарушая совместимости с чёрно-белым сигналом и со старыми телевизорами не увеличивая ширину полосы частот. Из цветовой модели YUV для аналогового телевидения была разработана цветовая модель YCrCb, использующаяся для сжатия большинства цифровых изображений и видео. В этих областях часто ошибочно говорят о цветовой модели YUV, тогда как на самом деле используется цветовая модель YCbCr.

Для вычисления яркости данные RGB изменяются с учётом гаммы устройства вывода, получая сигнал R’G’B’. Три компонента умножаются на разный вес и складываются вместе, чтобы получить яркость, что служит чёрно-белым сигналом для старых чёрно-белых телевизоров.

Y=R+G+B

Точное вычисление более сложное, тоскольку необходимо принять во внимание особенности восприимчивости глаза. На пример, зелёный воспринимается ярче красного, а красный — ярче синего. В некоторых системах сначала проводится корректировка по гамма для основного цвета.

Сигнал цветности и сигнал разности цвета содержат информацию о цвете. Они вычисляются как разность синего и яркости и разность красного и яркости.

U=B-Y

V=R-Y

Из трёх вычесленных компонентов Y, U и V можно опять вычислить долю основного цвета:

Y + U = Y + ( B — Y ) = Y — Y + B = B

Y + V = Y + ( R — Y ) = Y — Y + R = R

Y — B — R = ( R + G + B ) — B — R = G

В добавок ко всему этому, из-за структуры сетчатки глаза, информация яркости воспринимается в бо́льшим разрешением, чем цвет. Поэтому во многих форматах, основаных на цветовой модели YUV, цветность сжимается для уменьшения объёма инофрмации во время трансляции.

Альфа

Значение альфа определяет прозрачность точки. Кроме значений красного, зелёного и синего, у точки также есть значение альфа. Чем меньше значение альфа точки, тем больше видны цвета под ней. Точка со значением альфа 0 полностью прозрачна. Точка со значением альфа 255 полностью непрозрачна.

В некоторых форматах файла изображений можно указать, что точка либо полностью прозрачна, либо полностью непрозрачна. Другие форматы позволяют указать промежуточные значения.

Битовая карта

Из бесплатного сетевого словаря по вычислительной технике (13 марта 2001) :

битовая карта — файл или структура данных, которая побитово соответствует изображению на экране, в формате, скорее всего, схожем с форматом видеопамяти монитора или битовой карты, не зависящей от устройства. Битовая карта определяется шириной и высотой изображения в точках и числом разрядов на точку, что определяет число возможных серых тонов или цветов. У битовой карты, представляющей цветное изображение, обычно от одного до восьми битов для красного, зелёного и синего компонентов. Однако возможны и другие кодировки цвета. Иногда зелёному компоненту отводится больше разрядов из-за большей чуствительности человеческого глаза к этому цвету.

Буфер обмена

Буфер обмена — временная область памяти, используемая для перемещения данных между приложениями и документами. Он используется в GIMP при запуске комманд «Вырезать», «Скопировать» и «Вставить».

Буфер обмена выполнен по-разному в разных операционных системах. В Linux/XFree, GIMP использует буфер обмена XFree для текста и внутреннего буфера обмена GIMP для перемещения изображений между документами. В других операционных системах буфер обмена может работать по-другому. За подробностями обращайтесь к документации GIMP для нужной операционной системы.

Основные операции буфера обмена — «Вырезать», «Скопировать» и «Вставить». Вырезать означает, данные будут удалены из документа и помещены в буфер обмена. Скопировать означает, данные останутся в документе и будут помещены в буфер обмена. При операции «Вставить» данные буфера обмена копируются в документ. GIMP решает что вставить в зависимости от цели вставки. Если цель вставки — холст, то эта операция использует буфер обмента изображений. Если цель — текстовое поле ввода, до операция использует текстовый буфер обмена.

Гамма

Гамма или исправление гаммы корректировка есть нелинейная операция по кодированию или раскодированию значений яркости или цвета в системах видео или неподвижных изображений. Она используется во многих графических системах для выпрямления кривой вывода сигнала в свет или интенсивности в сигнал. На пример, свет, выпускаемый электронно-лучевой трубкой CRT зависит нелинейным образом от поступающего напряжения, и напряжение из цифрового фотоаппарата зависит нелинейным образом от света в снимаемой сцене. Кодировка гаммы позволяет отобразить данные в кажущийся линейный диапазон, чтобы лучше использовать ограниченный диапазон сигнала (ограниченное число битов для каждого сигнала RGB).

Гамма используется как степень в уравнении исправления. Сжатие гаммы (когда гамма < 1) используется для кодирования линейной яркости или значения RGB в цветовые сигналы или цифровые значение файла, а расширение гаммы (когда гамма > 1) — процесс декодирования, обычно применяющийся в случаях, когда функция тока от напряжения в трубке CRT нелинейна.

Для компьютерного видео изображения кодируются со значением гаммы около 0,45 и раскодируются при гамме равной 2,2. Для систем Макинтош кодирование изображений происходит при гамме равной 0,55, а раскодирование — при 1,8. У стандартного цветового пространства sRGB, применяемого в большинстве фотоаппаратов, экранов компьютеров и принтеров не используют простую экспоненциальную функцию, но значение гамма на большей части диапазона декодирования около 2,2.

В GIMP гамма это настройка в закладке кисти в фильтрах Гимпрессионист и Пламя. Фильтры экрана также включают фильтр «Гамма». В инструменте Уровни есть ползунок, позволяющий изменить значение гамма.

Гистограмма

В работе над цифровыми изображениями гистограмма это график, показывающий статистическую частоту значений серого или цвета в изображении. Гистограмма изображения показывает не только число значений серого или цвета, но и диапазон контраста и яркости. В цветных изображениях можно создать одну гистограмму для всех цветов или три гистограммы, по одной на каждый канал цвета. Второй вариант более полезен, так как предоставляет дополнительные возможности преобразования, поскольку большинство операций совершаются на серых изображениях.

Глубина цвета

Глубина цвета — просто число разрядов, отведённое для представления цвета (разрядов на точку, или bits per pixel, bpp). Для точки есть три канала (красный, зелёный и синий). GIMP поддерживает 8 разрядов (бит) на канал, поэтому это называется восьмибитовый цвет. Итак, глубина цвета в GIMP — 8 * 3 = 24, что даёт 256 * 256 * 256 = 16,777,216 возможных цветов (8 разрядов даёт 256 цветов).

Градации серого

Градация серого — режим кодирования цветов в изображении, содержащее только белый, чёрный и оттенки серого.

При создании изображения можно выбрать режим градации серого. Его позже можно пребразовать в цветное, сменив режим на RGB. Уже существующее изображение можно преобразовать в серое коммандами Градация серого, Уменьшить насыщенность, Разобрать, Микшер каналов, но не все форматы примут изменения. И хотя можно создавать серые изображения и пребразовывать существующие в серые, это не цветовая модель в строгом смысле слова.

Как объяснено в главе Режим RGB, 24-х битовые изображения GIMP могут иметь 256 уровней серого. Если преобразовать серое изображение в режим RGB, изображение приобретёт структуру изображения RGB с тремя каналами цвета, но останется серым.

Размер восьмибитовых серых изображений меньше, чем у файлов RGB.

Дополнение

Необязательные расширения для GIMP. Дополнения — внешние приложения, которые запускаются и работают под контролем главного приложения GIMP и предоставляют определённую функцию на лету. За дополнительной информацией обращайтесь сюда Раздел 1, «Плагины».

Дополняющий, режим рисования

Дополняющий режим это когда каждый мазок кисти наносится прямо на активный слой изображения. При его выборе, каждый дополнительный мазок постепенно усиливает эффект кисти до максимальной непрозрачности кисти.

Если дополнительный режим не выбран, мазки кисти наносятся на буфер холста, который затем сливается с активным слоем. Максимальный эффект кисти в этом случае определяется непрозрачностью и повторное нанесение мазков не меняет эффект сверх этого предела.

Два изображения выше были созданы кистью с параметром промежутка в 60%. Изображение слева показывает недополняющее рисование, изображение справа было создано в дополняющем режиме.

Параметр «Дополняющий режим» содержится в нескольких инструментах кисти, кроме тех, содержащих параметр «скорость», подразумевающий дополняющий эффект. Его можно выбрать флажком Дополняющий в диалоге параметров инструмента для кисти, карандаша и ластика.

Индексированые цвета

В режиме индексированого цвета каждой точке изображения даётся цветовое восьмибитовое число. Цвет, соответствующий этому числу, записывается в таблицу (палитру). Изменение цвета в таблице меняет цвет всех точек, ссылающихся на запись этого цвета в таблице. И хотя можно создавать индексированые изображения и пребразовывать существующие в индексированые, это не цветовая модель в строгом смысле слова.

Обратитесь к главе Индексированая палитра и комманде Преобразовать изображение в индексированое.

Интерполяция

Интерполяция означает вычисление промежуточных значений. При увеличении («цифровой масштаб») и других преобразованиях (вращение, сдвиг или придание перспективы) цифрового изображения, функции интерполяции используются для вычисление цвета точек преобразованного изображения. GIMP предоставляет три метода интерполяции, различающиеся по качеству и скорости. В общем, чем лучше качество, тем больше времени займёт интерполяция (смотри Методы интерполяции).

GIMP интерполирует при Масштабировании изображения, Масштабировании слоя и при Преобразовании изображения.

Канал альфа

Канал альфа слоя — серое изображение того же размера, что и слой, представляющий прозрачность. Для каждой точки уровень серого (значение от 0 до 255) представляет значение альфа точки. Канал альфа может сделать области слоя частично прозрачными. Поэтому у слоя фона по умолчанию нет канала альфа.

Канал альфа изображения, который показан в диалоге каналов, может расматриваться, как канал альфа конечного слоя после того, как все слои объединятся.

За примером обратитесь сюда.

Каналы

Канал — один компонент цвета точки. Для цветных точек в GIMP эти компоненты обычно красный, зелёный, синий и иногда прозрачность (альфа). Для серого изображения компоненты обычно серый и альфа, а для индексированного цветного изображения они — индекс и альфа.

Весь прямоугольный массив одного из компонентов цвета для всех точек изображения тоже называется каналом. Эти цветовые каналы можно видеть в диалоге каналов.

Когда показывается изображение, GIMP собирает эти компоненты вместе, чтобы сформировать цвет точки для экрана, принтера или другого устройства вывода. Некоторые устройства вывода не используют каналы красного, зелёного и синего. Тогда каналы GIMP преобразуются в необходимые каналы для того, чтобы изображения правильно показалось на устройстве.

Каналы полезны, когда необходимо работать над одним из цветов. На пример, для удаления эффекта «красных глаз» с фотографии можно работать только с красным каналом.

Каналы можно рассматривать как маски, позволяющие или запрещающие вывод цвета канала. Используя фильтры над информацией каналов, можно создать тонкие эффекты в изображении. Микшер каналов — простой пример использования фильтра над цветовыми каналами.

В добавок к этим каналам в GIMP можно создавать другие каналы (или более правильно, маски каналов), которые показаны внизу диалога каналов. Можно преобразовать маску канала в выделение при помощи комманды Сохранить в канал. Канал также можно создать правым нажатием мыши на диалоге каналов и выбором пункта Новый канал. За дополнительной информацией о масках каналов обращайтесь в раздел .

Квантизация

Процесс замены цвета точки на одно из доступных значених путём нахождения ближайшего цвета в цветовой карте называется квантизацией. Реальные значения точек могут быть указаны с большей точностью, чем дискретные значения цифрового экрана. Если диапазон экрана слишком узок, то могут появится резкие скачки цвета (ложные контуры или полосность) в местах, где интенсивность цвета меняется с одного уровня на другой. Это особенно заметно в индексированых изображениях, у которых всего 256 и меньше отдельных цветов.

Один из способов уменьшения эффектов квантизации — использовать Смешение. В GIMP операции по смешению проводятся инструментом Градиент (при выборе параметра смешения) и командой Преобразовать в индексированое. Но они работают только с изображениями RGB, не с индексироваными.

Контур

Контур есть любая последовательность прямых отрезков и кривых. ВGIMP контуры используются для формирования границы выделения или для последующего штрихования. При штриховании на изображении остаются видимые следы. В остальных случаях контур не влияет на изображение: он не печатается и не сохраняется в файле изображения (кроме формата файла XCF).

За основной информацией о контурах обращайтесь к главам Контуры и Использование контуров, за информацией о создании и редактировании контуров обращайтесь к описанию инструмента Контур. Управление всеми контурами в изображении описано в главе о диалоге Контуры.

Кривая Безье

Сплайн — тип кривой, математически заданой и имеющей контрольные точки. Кривая Безье — кубический сплайн с четырьмя контрольными точками, где первая и последняя контрольные точки (узлы или якоря) есть конечные точки кривой, а внутренние две точки (обработчики) определяют направление кривой у узлов.

В нематематическом смысле сплайн — гибкий слой дерева или металла, используемый для рисования кривых. Использование таких сплайнов берёт свое начало в период начала кораблестроения, когда тяжести подвешивали к сплайнам для их сгибания. Внешние контрольные точки кривой Безье соответствует тем местам, к которым прикрепляли сплайны, а внутренние точки — местам, где прикрепляли груз.

Кривые Безье — всего лишь один из способов математического представления кривых. Они были разработаны в 1960-е годы Пьером Безье, который работал в Рено.

Кривые Безье используются в GIMP как компоненты контуров.

На рисунке выше показана кривая Безье. Точки P0 и P3 находятся по концам контура, которые создаются нажатием мыши. Точки P1 и P2 — обработчики, автоматически создаваемые при растягивании линии.

Маска канала

Маска канала это особый тип маски, которая определяет прозрачность выделения. Обратитесь в раздел Маски за подробной информацией.

Маски

Маска смотрится как тюль, наброшеная на слой (маска слоя) или все слои (маска выделения). Маску можно уменьшить, нарисовав поверх её белым, или увеличить, нарисовав на ней чёрным. Когда маска «применена», незамаскированые точки останутся видимыми (другие станут прозрачными) или будут выделены, взависимости от типа маски.

Есть два типа маски:

  • Маска слоя: у каждого слоя может быть своя маска. Маска слоя представляет собой канал альфа слоя и позволяет управлять прозрачностью слоя. Рисуя на маске слоя, части слоя можно сделать прозрачными или непрозрачными: рисование чёрным делает слой прозрачным, рисование белым — непрозрачным, рисование оттенками серого — разной степени прозрачности. Для рисования на маске можно использовать все инструменты рисования. Также можно применить фильтр и операции буфера обмена. Маску слоя можно использовать для эффектов перехода, объёма, слияния частей из разных изображений и т.д. За дополнительной информацией обращайтесь к главе Маска слоя.

  • Маска канала, или Маска выделения: определяет прозрачность выделения. Рисование на маске белым удаляет ту часть маски и увеличивает выделение, рисование чёрным увеличивает маску и уменьшает выделение. Эта процедура позволяет указать выделение с высокой точностью. Выделение также можно сохранить в маску канала при помощи комманды Сохранить в канал. Его можно потом вызвать коммандой «Канал в выделение» из Меню канала. Маски канала настолько важны в GIMP, что особый тип этой маски был специально реализован: Быстрая маска. За подробностями обращайтесь к главе Маска выделения.

Муравьиная дорожка

Термин муравьиная дорожка (или шагающие муравьи) описывает штриховую линию, обрамляющую выделение. Линия анимирована и выглядит как бегущие друг за другом муравьи.

Направляющие

Направляющие линии можно временно показать на изображении во время работы. Можно показать любое число направляющих как по вертикали, так и по горизотали. Эти линии помогают при точном позиционировании выделения или слоя на изображении. Они не показываются при распечатке изображения.

Более подробная информация содержится в разделе Раздел 2.2, «Направляющие».

Насыщенность

Этот термин относится к чистоте цвета. Это сродни добавлению пигмента к белой краске. Насыщенность может изменяться от 0 (белый, полностью размыт) до 100 (чистый цвет).

Нотация HTML

Шестнадцатиричная тройка — способ кодирования цвета для компьютера. Символ «#» указывает, что за ним последуют шестнадцатиричные цифры. Каждый компонент цвета представлен двумя цифрами, в итоге дающие три пары чисел в форме «#rrggbb», где «rr» значит красный, «gg» — зелёный и «bb» — синий.

Объединять по образцу

Параметр «Объединять по образцу» используется в инструментах Заливка, Выборщик цвета, а также в различных инструментах выделения. Он подходит тогда, когда работа происходит над многослоистым изображением, где активный слой либо полупрозрачен или находится в режиме слоя, отличающегося от нормального. При выборе этого параметра цвет, участвующий в операции становится композитным цветом всех видимых слоёв. Если параметр не выбран, то только цвет активного слоя участвует в операции.

Паразит

Паразит — дополнительные данные, записаные в файл XCF. У него есть название и обычно служить дополнением к другой информации в файле XCF.

Паразиты компонента изображения могут быть считаны дополнениями GIMP. Дополнения также могут указать свои паразиты, игнорируемые другими дополнениями. Паразиты включают различные комментарии, параметры сохранения для форматов файла TIFF, JPEG или PNG, значение гамма при создании изображения и данные EXIF.

Плавающее выделение

Плавающее выделение (иногда называемое «плавающий слой») — тип временного слоя, схожего по функциям с обычным слоем, кроме того, что плавающее выделение необходимо закрепить, чтобы продолжить работу над другими слоями изображения.

В ранних версиях GIMP когда GIMP не использовал слои, плавающие выделения использовались для проведения операций над ограниченными областями изображения. Теперь это легче делать со слоями, и у плавающего выделения нет практического применения.

Подмешивание шума

Подмешивание шума в компьютерной графике означает технику создания иллюзии большего числа цветов при показе изображения с малой глубиной цвета. В смешеном изображении недостающие цвета представлены особым расположением точек доступных цветов. Глаз в таком случае воспринимает усреднённый цвет отдельных цветов.

Инструмент Градиент использует смешение. Смешение можно выбрать при преобразовании изображения в индексированый формат. При работе с индексированым изображением некоторые инструменты (на пример, инструмент заливки шаблоном) могут использовать смешение, если необходимый цвет не находится в цветовой карте.

Фильтр Газетная бумага также использует смешение. Нелинейный фильтр может удалить нежелательный шум смешения из изображения.

Хотя GIMP внутренне использует 24-х битовые цвета, нет гарантии, что система сможет их показать. Если не может, то приложение между GIMP и системой может смешивать цвета для их показа.

Обратитесь также к главе Смешение по Флойду-Стайнбергу (Floyd-Steinberg), используемое в GIMP.

Поток изображений

Поток изображений в GIMP это особая кисть, состоящая из нескольких изображений. На пример, в кисти с отпечатками ног было бы два изображения, одно для левой, другое для правой ноги. При рисовании этой кистью за отпечатком левой ноги следовал бы отпечаток правой и так далее. Это очень мощный тип кисти.

Поток изображений иногда называется «труба изображений» или «анимированая кисть». Поток отмечен в диалоге «Кисти» красным треугольником в нижнем правом углу символа кисти.

За дополнительной информацией о потоке изображений обращайтесь к разделам ??? и ???.

Размывание

Процесс размывания сглаживает переход между областью и фоном посредством мягкого смешения краёв области.

В GIMP можно размыть края выделения. У кистей также есть размытые края.

Рельефное отображение

Рельефное отображение — техника отображения детализированных объектов, не увеличивая геометрическую сложность объектов. Это особенно используется в программах трёхмерной визуализации. Трюк заключается в том, что вся необходимая информация помещается в текстуру, используюмая для отображения тени на поверхности объекта.

Рельефное отображение лишь одно из средств имитации неровностей поверхности, которые не содержатся в геометрии модели.

Сглаживание

Сглаживание — процесс смягчения зубчатых краёв непрямых контуров. Сглаживание даёт более плавные кривые, нивелируя границу фона и сглаживаемой области. Обычно меняются яркость и прозрачность точек, чтобы достичь более плавного перехода в фон. С выделениями, прозрачность точек границы выделения соответствующим образом уменьшается.

Слой

О слоях можно думать как о стопке более или менее прозрачных диапозитивов. Каждый слой представляет собой какой-то аспект изображения и изображение суть сумма этих аспектов. Слой внизу стопки называется слоем фона. Слои выше создают передний план изображения.

Слои можно видеть и управлять ими в диалоге Слои .

Рисунок 1060. Пример изображения со слоями


Смешение по Флойду-Стейнбергу

Смешение по Флойду-Стайнбергу это метод смешения, впервые опубликованном в 1976-м году Робертом У. Флойдом и Луисом Стайнбергом. Процесс смешения начинается в левом верхнем углу изображения. Для каждой точки находится наиближайший цвет из палитры и разница между действительным и найденным цветом расчитывается и сохраняется для каждого канала RGB. Затем эти разницы разбрасываются в определённых пропорциях по соседним, ещё не расмотренным, точкам (вниз и вправо). Из-за последовательности процесса, вся процедура может быть завершена за один проход по изображению.

При конвертировании изображения в индексированое можно выбрать один из двух вариантов смешения по Флойду-Стейнбергу.

Точка

Точка — наименьший элемент изображения. Прямоугольное изображение может содержать тысячи точек, каждая представляющая цвет изображения в этом месте. Значение точки обычно состоит из нескольких каналов, таких как красный, зелёный и синий и, иногда, альфа (прозрачность).

Формат файла

Формат или тип файла есть форма, в которой содержатся компьютерные данные. Поскольку файлы сохраняются операциионной системой как линейная последовательность байтов, не могущая описать реальные данные очевидным образом, были разработаны конвенции интерпретации такой последовательности как представление сложных данных. Все конвенции для определённого вида данных и способ их сохранения в файле и есть формат файла.

Часто встречающиеся форматы файлов для хранения изображения — JPEG, TIFF, PNG и GIF. Лучший способ хранения зависит от желаемого использования. На пример, для изображений, предназначенных для интернета, размер играет важную роль, тогда как при распечатке качество и высокое разрешение становятся более важными. За дополнительной информацией обращайтесь к главе Типы форматов.

Цветовая модель

Цветовая модель — способ описания и указывания цвета. Термин обычно используется и для системы цветового пространства и для цветового пространства, на котором она основана.

Цветовое пространство — набор цветов, который можно отобразить или принять устройстров ввода и вывода (на пример, сканнер, экран, принтер и т.д.). Цвета в цветовом пространстве указываются как значения в системе цветового пространства, то есть координатной системе, в которой отдельные цвета указаны значениями на определённой оси. Из-за структуры человеческого глаза существует три оси в цветовых пространствах, предназначенных для человека. Практически это означает, что цвета указываются тремя компонентами (за редким исключением). Всего существует 30 или 40 систем цветового пространства. Наиболее важные:

Цветовой охват

В репродукции цвета, влкючая компьютерную графику и фотографию, цветовой охват это определённый и завершённый набор цветов. Самое обычное применение относится к набору цветов, который можно правильно изобразить в определённых условиях, на пример, цветовое пространство определённого устройства вывода. Другое применение термина относится к набору цветов в конкретном изображении. В этом контексте преобразование фотографии в цифровой формат, преобразование изображения в другое цветовое пространство или вывод изображения при помощи определённого устройства изменяет цветовой охват изображения в том смысле, что часть исходных цветов теряется в ходе преобразования. [WKPD-GAMUT]

Цветопередача

Цветопередача ответственна за преобразование цветов вне

Воспринимаемая

Эта цветопередача используется для фотографий. Она масштабирует один цветовой охват, чтобы он поместился в другой, не изменяя относительных мест цветов.

Относительная колориметрическая

Эта цветопередача используется в основном для стандартизированных цветов. Цвета в цветовом охвате остаются без изменений. Цвета вне цветового охвата преобразуются в цвета с той же ярностью, на другой насыщенностью на краю цветового охвата.

Насыщенность

Этот метод используется для деловой графики. Относительная насыщенность в основном сохраняется, но меняется яркость.

Абсолютная колориметрическая

Эта цветопередача используется для корректуры. Она сохраняет собственную белую точку устройства исходного изображения.

Черепица

Черепица — часть открытого изображения в GIMP. Чтобы на загружать всё изображение в память в одно и то же время, GIMP делит его на маленькие куски. Черепица обычно квадрат 64 на 64 точек, но кусочки по краям изображения могут быть меньше.

В любое время, черепица может быть в главной памяти, в кэше черепицы в памяти или на диске. Черепицы, над которыми производится работа, находятся в главной памяти. Недавно использованые черепицы находятся в памяти. Когда кэш черепицы полон, давно использованые черепицы переписываются на диск. GIMP считывает черепицы с диска по мере надобности.

Нужно не путать эти черепицы с результатом работы фильтра Черепица

Эффект Муар

Эффект муар — нежелательный узор, появляющийся, когда одна регулярная сетка или набор линий пересекает другую сетку или набор линий. Это может случится, на пример, при сканировании изображения с периодической структурой (такой как рубашка в клеточку), сканировании цифрового изображения, фотографировании на цифровой фотоаппарат.

Если эффект заметить вовремя, то его можно уменьшить. Лучший способ — слегка сдвинуть исходное изображение в сканере или изменить угол фотоаппарата.

Если невозможно воссоздать исходное изображение, GIMP предоставляет несколько фильтров, которые могут помочь. За подробростями обращайтесь к главам о фильтрах Удаление пятен и Нелинейный фильтр.

Яркость

Обычно означает интенсивность света, яркость цвета. Диапазон значений от 0 (чёрный) до 100 (полный свет, белый).

Форматы изображений с большой глубиной цвета

Форматы изображений с большой глубиной цвета

Форматы изображений с большой глубиной цвета

Gwyddion может экспортировать данные в 16битные изображения в градациях серого в форматах PNG, PNM и TIFF и в формат OpenEXR в варианте типа данных с плавающей точкой половинной и одинарной точности и 32битным целым типом. В случае 16битных изображений полный диапазон значений данных растягивается на всю шкалу серого; OpenEXR позволяет указать множитель масштабирования значений.

Когда данные экспортируются в изображения с большой глубиной цвета, в файл сохраняется дополнительная информация чтобы его можно было автоматически загрузить обратно в Gwyddion не задавая вручную размеры и масштабы. Если добавить эту дополнительную информацию к файлам изображений, которые создаются другими программами, можно сделать их загружаемыми напрямую в Gwyddion с корректными размерами и масштабами. Информация организована в виде пар ключ-значение, сохранённых используя индивидуальные для каждого формата способы, описанные в следующей таблице.

ФорматМетод
PNGблоки tEXt
OpenEXRименованные аттрибуты
PNMкомментарии заголовка в форме # ключ: значение

Большая часть ключей идентична тем. что используются в файлах Gwyddion с простым полем, за исключением добавленных префиксов Gwy::, поэтому дополнительная информация доступна в описании GSF. Значения с плавающей точкой сохраняются напрямую, если формат это позволяет (OpenEXR), либо используется текстовое представление данных (в C-формате). Ключи перечислены ниже.

КлючТипЗначение
Gwy::XRealс плавающей точкойГоризонтальный размер в физических единицах (заданных XYUnits), положительное число с плавающей точкой.
Gwy::YRealс плавающей точкойВертикальный размер в физических единицах (заданных XYUnits), положительное число с плавающей точкой.
Gwy::XOffsetс плавающей точкойГоризонтальное смещение в физических единицах (заданных XYUnits).
Gwy::YOffsetс плавающей точкойВертикальное смещение в физических единицах (заданных XYUnits).
Gwy::ZScaleс плавающей точкойМножитель масштабирования значений. Данные изображения должны быть умножены на этот множитель чтобы получить физические значения. Этот параметр обычно используется в форматах с плавающей точкой с ограниченным диапазоном значений, например, с половинной точностью. Для целочисленных данных обычно используются Gwy::ZMin и Gwy::ZMax.
Gwy::ZMinс плавающей точкойЗначение в физических единицах, соответствующее минимальному значению, представленному на изображении (обычно 0).
Gwy::ZMaxс плавающей точкойЗначение в физических единицах, соответствующее максимальному значению, представленному на изображении.
Gwy::XYUnitsстрокаГоризонтальные единицы измерения, т.е. единицы физических размеров и смещений.
Gwy::ZUnitsстрокаЕдиницы значений, т.е. единицы измерения значений данных.
Gwy::TitleстрокаЗаголовок канала/данных.

В случае PNG, информация о масштабировании также сохраняется в стандартных блоках sCAL и pCAL (с линейной формулой масштабирования). И наоборот, если эти блоки присутствуют (и отсутствуют специфичные для Gwyddion), информация оттуда используется при импорте. См. спецификацию формата PNG для описания этих блоков.

HP Color LaserJet Pro M454, MFP M479 — Поддерживаемые типы и форматы бумаги

Letter: 215,9 x 279,4 мм

  • Универсальный лоток 1 на 50 листов

  • Входной лоток 2 на 250 листов

  • Лоток опционального устройства на 550 листов

  • Дуплексер

Legal: 215,9 x 355,6 мм

  • Универсальный лоток 1 на 50 листов

  • Входной лоток 2 на 250 листов

  • Лоток опционального устройства на 550 листов

  • Дуплексер

Executive: 184,2 x 266,7 мм

  • Универсальный лоток 1 на 50 листов

  • Входной лоток 2 на 250 листов

  • Лоток опционального устройства на 550 листов

  • Дуплексер

Oficio (8,5 x 13): 215,9 x 330,2 мм

  • Универсальный лоток 1 на 50 листов

  • Входной лоток 2 на 250 листов

  • Лоток опционального устройства на 550 листов

  • Дуплексер

4 x 6: 101,6 x 152,4 мм

  • Универсальный лоток 1 на 50 листов

  • Входной лоток 2 на 250 листов

  • Лоток опционального устройства на 550 листов

5 x 8: 127 x 203,2 мм

  • Универсальный лоток 1 на 50 листов

  • Входной лоток 2 на 250 листов

  • Лоток опционального устройства на 550 листов

16K: 184 x 260 мм

  • Универсальный лоток 1 на 50 листов

  • Входной лоток 2 на 250 листов

  • Лоток опционального устройства на 550 листов

  • Дуплексер

16K: 195 x 270 мм

  • Универсальный лоток 1 на 50 листов

  • Входной лоток 2 на 250 листов

  • Лоток опционального устройства на 550 листов

  • Дуплексер

16K: 197 x 273 мм

  • Универсальный лоток 1 на 50 листов

  • Входной лоток 2 на 250 листов

  • Лоток опционального устройства на 550 листов

  • Дуплексер

A4: 210 x 297 мм

  • Универсальный лоток 1 на 50 листов

  • Входной лоток 2 на 250 листов

  • Лоток опционального устройства на 550 листов

  • Дуплексер

A5: 148 x 210 мм

  • Универсальный лоток 1 на 50 листов

  • Входной лоток 2 на 250 листов

  • Лоток опционального устройства на 550 листов

A6: 105 x 148 мм

  • Универсальный лоток 1 на 50 листов

  • Входной лоток 2 на 250 листов

  • Лоток опционального устройства на 550 листов

B5 (JIS): 182 x 257 мм

  • Универсальный лоток 1 на 50 листов

  • Входной лоток 2 на 250 листов

  • Лоток опционального устройства на 550 листов

  • Дуплексер

B6 (JIS): 128 x 182 мм

  • Универсальный лоток 1 на 50 листов

  • Входной лоток 2 на 250 листов

  • Лоток опционального устройства на 550 листов

10 x 15 см: 101,6 x 152,4 мм

  • Универсальный лоток 1 на 50 листов

  • Входной лоток 2 на 250 листов

  • Лоток опционального устройства на 550 листов

Oficio (216 x 340): 216 x 340 мм

  • Универсальный лоток 1 на 50 листов

  • Входной лоток 2 на 250 листов

  • Лоток опционального устройства на 550 листов

  • Дуплексер

Windows. Японская открытка

Max/Linux: Открытки (JIS)

100 x 148 мм

  • Универсальный лоток 1 на 50 листов

  • Входной лоток 2 на 250 листов

  • Лоток опционального устройства на 550 листов

Windows. Двойная японская открытка с поворотом

Max/Linux: Двойные почтовые карточки (JIS)

148 x 200 мм

  • Универсальный лоток 1 на 50 листов

  • Входной лоток 2 на 250 листов

  • Лоток опционального устройства на 550 листов

Конверт №10: 104,8 x 241,3 мм

Конверт Monarch: 98,4 x 190,5 мм

Конверт B5: 176 x 250 мм

Конверт C5: 162 x 229 мм

Конверт DL: 110 x 220 мм

Нестандартные форматы носителей: От 76,2 x 127 мм до 215,9 x 355,6 мм

  • Универсальный лоток 1 на 50 листов

  • Входной лоток 2 на 250 листов

  • Лоток опционального устройства на 550 листов

Форматы, цветовые модели изображений — Начинающим пользователям Adobe Photoshop

Цвет, как известно, имеет волновую природу. Образуется он двумя путями. Источники света: костер, лампа накаливания, телевизор, монитор компьютера излучают цвет разной длины волн и воспринимаются глазом как цветной. На этом принципе построена цветовая модель RGB. При смешивании основных цветов получаются все цвета видимого спектра. Полное отсутствие всех цветов дает черный цвет. А сложение красного, зеленого и синего цвета в равных пропорциях дает белый цвет. Эти цвета называют аддитивные.

Попадая на поверхность несветящихся предметов часть цвета, поглощается, а часть отражается и вот это отраженное излучение и будет окраской предмета, эти отраженные цвета называют субтрективными. Эти цвета можно так же получить, смешивая красители в различных комбинациях. На этом принципе построена цветовая модель СМУК, в отличие от модели RGB,здесь используется четыре цвета (cyan, magenta,yellow, black) голубой, пурпурный, желтый, черный. В мониторе и принтерах используется модель RGB,а в полиграфии модель СМУК, т.к. голубой, пурпурный и желтый цвета образуют так называемую полиграфическую триаду, при смешивании этих красок может быть воспроизведена большая часть видимого цветового спектра.

Модель HSB,основывается на восприятии цвета человеческим глазом, описывает три характеристики цвета:
Цветовой тон — определяется как точки на стандартном цветовом круге. Выражается в градусах от 0 до 360.Цветовой тон определяют по названию цвета.
Насыщенность-на стандартном цветовом круге насыщенность возрастает от центра к краю, измеряется в %.
Яркость-относительная величина светлого и темного, измеряется тоже в %.

Так же пригодится нам модель Lab, эта модель аппаратно независима, описывает цвета так, как они воспринимаются глазом человека. Название она получила от своих базовых компонентов L (lightness) светлость или яркость изображения, а компоненты А и Б его цвета.
А-цвета изменяются в диапазоне от зеленого до красного.
Б-цвета изменяются в диапазоне от синего до желтого.
Так как яркость в этой модели полностью отделена от цвета, она удобна для регулирования контраста, резкости и других тоновых характеристик изображения.


Всегда полезно иметь под рукой, стандартную диаграмму цветового круга

Диаграмма позволяет подсказать, как изменение одного цвета, отразится на других цветах. Каким образом эти изменения будут преобразованы между цветовыми моделями RGB и CMYK.Например, интенсивность любого из цветов можно понизить, увеличив уровень противоположного цвета на цветовом круге, и наоборот. Аналогично, уровни цветов можно увеличивать или уменьшать, регулируя на цветовом круге два смежных цвета.

Сделаем вывод. Цветовая модель описывает цвета, которые мы видим и с которыми работаем в цифровых изображениях, каждая из цветовых моделей использует для описания цветов свой метод.


Найти все эти модели можно в пункте текстового Image(изображения) команда Mode (режим). Перед названием какой модели в данный момент стоит галочка в такой модели изображение и будет представлено. Следует заметить, что нельзя делать частые переходы между моделями RGB и СМУК, так как это сильно ухудшает качество изображения. Если допустим, вы готовите изображение для печати, делайте все в RGB.Когда файл готов, сохраните его, а затем уже переводите в цветовую модель CMYK. Это не относится к модели Lab, так как охват ее цветов очень широк,поэтому она, полностью включает в себя все цветовое пространство RGB и СМУК, следовательно,преобразование в Lab не меняют качество изображения.
Теперь рассмотрим, сжато остальные режимы:
Bitmap (Битовая) – передает два цвета белый и черный, используется для хранения текста.
Grayscale (серая шкала) — передает 255 оттенков серого цвета – применяется для отражения черно-белых фотографий.
Duotone (Дуплекс) – для печати изображения в градациях серого цвета.
Indexed Color (индексированный цвет) — в этом режиме каждому пикселю присваивается свой индекс, из специальной таблицы. Применяется эта модель при подготовке изображения для распространения в электронном виде, так как файл имеет маленький размер

Поговорим в этом уроке еще о форматах файлов, которые используются в Adobe Photoshop.
Формат это различные способы сохранения изображения в файле на диске. При выборе формата для сохранения своих изображений, вы должны руководствоваться следующими правилами:
-распространенность формата – чем в большем количестве программ будет открываться файл, тем лучше.
-возможность сжатия – так как растровые изображения занимают много места, то это немаловажный фактор.
-способ сжатия – зависит от алгоритма. Сжатие делится на две группы:
-lossless compression-сжатие без потерь информации.
-loss compression— сжатие с потерями информации, используется для передачи изображений по локальным сетям, когда не требуется высокого качества, но имеет значение размер файла.
-возможность хранения векторной графики.
Для того, чтобы сохранить ваше изображение в определенном формате, воспользуемся уже знакомой вам командой Save AS пункта текстового меню File.

Доступность параметров зависит от того, в каком формате мы будем сохранять документ.Поговорим подробнее об этом окне, а точнее о его области Save Options— дополнительные опции сохранения документов в разных форматах. Если жирный шрифт, правее окошка с галочкой, то данная опция пригодна для сохранения документа в этом формате, а если шрифт затенённый, то параметр не поддерживается данным форматом.
AS a Copy— сохраняется копия изображения, а исходное остается открытым на рабочем столе.
Alpine Crenels— сохраняются альфа- каналы имеющиеся в документе.
Layers— изображение сохраняется со слоями.
Annotations – изображение сохраняется вместе с заметками созданными в Photoshop.
Spot Colors – если в документе есть плашечные каналы, то запоминается информация об их цвете.
Use Proof Setup: Working СМУК— сохраняется профиль выбранный для программной цветопробы.
Icc Profile – в файл внедряется профиль текущего рабочего цветового пространства.

 

Теперь перейдем непосредственно к форматам, вы видите в раскрывающемся списке большое количество форматов, рассмотрим наиболее часто употребляемые.
-Формат PSD собственный формат Photoshop, сохраняет все атрибуты, присвоенные изображению в Photoshop.
Слои, дополнительные каналы, информацию о файле. Недостатком является то, что этот формат поддерживают относительно мало приложений, но зато его можно открыть в любой версии программы Photoshop.
-Формат BMP предназначен для Windows и поэтому поддерживается всеми приложениями, работающими в этой среде. Это стандартный формат в растровой графике.
-Формат JPEG предназначен для сохранения изображений со сжатием, наиболее часто используемый формат, сохраняет изображение с потерями, но несущественными, незаметными при создании графики и изображений для распечатки на принтере.
-Формат GIF долгое время применяется в Интернете, а так же используется разными графическими редакторами. Самый распространений формат для векторной графики.
-Формат PNG для передачи изображений в сети, эффективный алгоритм сжатия без потери информации.
-Формат TIFF формат позволяет хранить изображения с любой глубиной цвета и цветовой моделью, поддерживает многочисленные алгоритмы сжатия без потерь качества.
-Формат EPS формат для описания векторной графики предназначенной для печати.
-Формат RAW современный формат для сохранения изображений полученных с помощью цифровых фотокамер. Этот формат нельзя сжимать,благодаря этому получаются отличные снимки,недостатоком является,то что файл занимает много памяти.
Наибольшей популярностью в настольных издательских системах пользуются форматы TIFF и EPS, а в сети Интернет-GIF и JPEC.

Преобразование между цветовыми форматами (HEX, RGB, HSL, HSV, CMYK)

Преобразование цветового формата

Преобразуйте цветовые форматы (HEX, RGB, HSL, HSV, CMYK), вставив код цвета в имеющийся у вас формат и нажав кнопку GO.

Шестнадцатеричный

Идти

RGB

Идти

ВПГ

Идти

ХСЛ

Идти

CMYK

Идти

ЦВЕТ

Шестнадцатеричные/десятичные цвета

Красный, зеленый и синий

Шестнадцатеричные числа используются на веб-страницах для установки цветов.

Цвет определяется сочетанием красного , зеленого и синего , каждый из которых может быть в диапазоне:

от 0 до 255 (в десятичном формате) или
00 от до FF (в шестнадцатеричном формате)

Цвет можно получить путем смешивания R ed, G reen и B lue, поэтому он называется «Цветовая система RGB ».

Ее также называют «аддитивной» цветовой системой, поскольку она начинается с черного, а затем добавляется цвет.

Смеситель цветов

Попробуйте смешать свои собственные цвета, чтобы увидеть, как это работает (или введите значения в шестнадцатеричные или десятичные поля):

числа/изображения/hex-color. js

См. также Интерактивное цветовое колесо.

Шестнадцатеричные

Шестнадцатеричные числа «естественны» для компьютеров, потому что компьютеры хранят и обрабатывают двоичные цифры, а четыре двоичных цифры составляют одну шестнадцатеричную цифру (см. Двоичные цифры):

Десятичный: Двоичный: Шестнадцатеричный:
0 0 0
1 1 1
2 10 2
3 11 3
4 100 4
5 101 5
6 110 6
7 111 7
8 1000 8
9 1001 9
10 1010 А
11 1011 Б
12 1100 С
13 1101 Д
14 1110 Е
15 1111 Ф

Таким образом, одна шестнадцатеричная цифра может иметь 16 различных значений (от 0 до 15 в десятичном формате), а две шестнадцатеричные цифры вместе (называемые «байтом») могут составлять 16 × 16 = 256 различных уровней цвета.

16 миллионов цветов

Поскольку каждый из трех цветов может иметь значения от 0 до 255 (256 возможных значений), имеется:

256 × 256 × 256   = 256 3
  = 16 777 216 возможных комбинаций цветов

(именно поэтому вы видите заявления о «16 миллионах цветов» на компьютерном оборудовании)

Веб-формат

Формат («обозначение»), используемый на веб-страницах, — #RRGGBB , где RR — сколько красного (с использованием двух шестнадцатеричных цифр), GG — сколько зеленого, а BB — сколько синего.

Пример : приятный оттенок синего состоит из:

  • 64/255 Красный,
  • 48/255 Зеленый
  • 255/255 (т.е. полный) Синий

Таким образом, это (64, 48,255) в десятичном виде, что равно (40, 30, FF) в шестнадцатеричном формате и кодируется как #4030FF .

Это может помочь вам запомнить:

Розы #FF0000
Фиалки #0000FF
Только не забудьте,
Трава #00FF00 , тоже

Некоторые распространенные цвета


Цвет
Десятичный
(красный, зеленый, синий)
Шестнадцатеричный
(#RRGGBB)
Черный (0, 0, 0) #000000
Белый (255 255 255) #FFFFFF
Красный (255, 0, 0) #FF0000
Зеленый (0,255, 0) #00FF00
Синий (0, 0,255) #0000FF
Желтый (255 255, 0) #FFFF00
Голубой (0 255 255) #00FFFF
Пурпурный (255, 0,255) #FF00FF

Попробуйте ввести шестнадцатеричный код в микшер цветов выше и посмотрите, что вы получите (вы можете скопировать, затем щелкнуть правой кнопкой мыши шестнадцатеричное поле и выбрать «вставить») .

Я также составил гораздо более длинный список шестнадцатеричных цветов и их названий.

цветовых кодов Minecraft (и кодов форматов)

В Minecraft есть ряд встроенных цветовых кодов и кодов форматов, которые вы можете использовать в чате и игровых командах.

Цветовые коды можно использовать для изменения цвета текста в игре, назначения цветов команд и настройки цвета окрашенных кожаных доспехов. Коды форматов можно использовать для изменения внешнего вида внутриигрового текста, например полужирный или курсивный .

Список цветовых кодов

Вот список цветовых кодов, доступных в Minecraft:

Цвет
(название Minecraft)
Код чата Код МТД Десятичный Шестнадцатеричный
Темно-красный
( темно-красный)
§4 74 11141120 АА0000
Красный
( красный)
§с \u00A7c 16733525 ФФ5555
Золото
( золото)
§6 76 16755200 FFAA00
Желтый
( желтый)
§е > 16777045 FFFF55
Темно-зеленый
( темно-зеленый)
§2 72 43520 00AA00
Зеленый
( зеленый)
§а 5635925 55FF55
Цвет морской волны
( цвет морской волны)
§б 5636095 55FFFF
Темно-голубой
( темный_аква)
§3 73 43690 00АААА
Темно-синий
( темно-синий)
§1 \u00A71 170 0000AA
Синий
( синий)
§9 79 55 5555FF
Светло-фиолетовый
( светло-фиолетовый)
§д = A7d 16733695 ФФ55ФФ
Темно-фиолетовый
( темно-фиолетовый)
§5 75 11141290 АА00АА
Белый
( белый)
§f 16777215 ФФФФФФ
Серый
( серый)
§7 77 11184810 АААААА
Темно-серый
( темно-серый)
§8 78 55 555555
Черный
( черный)
§0 \u00A70 0 000000
Определения
  • Цвет — это название цвета, а ( Minecraft Name ) — внутреннее название цвета в Minecraft.
  • Код чата — это внутренний код цвета чата в Minecraft.
  • Код MOTD — это внутренний код цвета « Сообщение дня » в Minecraft.
  • Десятичное число — это внутреннее десятичное значение цвета в Minecraft.
  • Шестнадцатеричный — это внутреннее шестнадцатеричное значение цвета в Minecraft.

Список кодов форматов

Вот список кодов форматов, доступных в Minecraft:

Описание Код чата Код МТД
запутанных §k \ u00A7k
Жирный §l \ u00A7l
Зачеркнутый §m \ u00A7m
Подчеркнутый §n \ U00A7N
ITalic §O \ u00a7o
сброс цвета по умолчанию §r \ u00a7r
Определения
  • Описание — название формата.
  • Код чата — внутренний код для этого формата в чате.
  • Код MOTD — это внутренний код для этого формата в «Сообщении дня ».

Другие цвета

Вот некоторые цвета, доступные в Minecraft:

— CSS: каскадные таблицы стилей

Тип данных CSS представляет цвет. может также включать в себя значение прозрачности альфа-канала , указывающее, как цвет должен сочетаться с фоном.

A может быть определен любым из следующих способов:

Тип данных задается с помощью одного из перечисленных ниже параметров.

Примечание: Хотя значения точно определены, их фактический вид может отличаться (иногда значительно) от устройства к устройству. Это связано с тем, что большинство устройств не откалиброваны, а некоторые браузеры не поддерживают цветовые профили устройств вывода.

Ключевые слова цвета

Ключевые слова цвета — это нечувствительные к регистру идентификаторы, представляющие определенный цвет, например красный , синий , черный или светло-зеленый .Хотя названия более или менее описывают соответствующие цвета, по сути они искусственные, без строгого обоснования используемых названий.

При использовании цветных ключевых слов необходимо учитывать несколько предостережений:

  • HTML распознает только 16 основных ключевых слов цвета, найденных в CSS1, используя специальный алгоритм для преобразования нераспознанных значений (часто в совершенно другие цвета). Другие ключевые слова цвета следует использовать только в CSS и SVG.
  • В отличие от HTML, CSS полностью игнорирует неизвестные ключевые слова.
  • Все ключевые слова цвета представляют простые сплошные цвета без прозрачности.
  • Несколько ключевых слов являются псевдонимами друг друга:
    • цвет морской волны / голубой
    • фуксия / пурпурный
    • темно-серый / темно-серый
    • темно-сланцево-серый / темно-сланцево-серый
    • темно-серый / темно-серый
    • светло-серый / светло-серый
    • светло-серый / светло-серый
    • серый / серый
    • сланцево-серый / сланцево-серый
  • Хотя многие ключевые слова были адаптированы из X11, их значения RGB могут отличаться от соответствующего цвета в системах X11, поскольку производители иногда адаптируют цвета X11 к своему конкретному оборудованию.

Примечание: Список допустимых ключевых слов претерпел множество изменений в ходе эволюции CSS:

  • CSS Level 1 включал только 16 основных цветов, называемых цветами VGA , поскольку они были взяты из набора отображаемых цветов на графических картах VGA.
  • CSS уровня 2 добавлено ключевое слово оранжевый .
  • Хотя различные цвета, не указанные в спецификации (в основном адаптированные из списка цветов X11), поддерживались ранними браузерами, это было только в SVG 1.0 и CSS Colors Level 3, что они были формально определены. Они называются ключевыми словами расширенных цветов , цветов X11 или цветов SVG .
  • CSS Colors Level 4 добавил ключевое слово rebeccapurple в честь пионера веб-технологий Эрика Мейера.
Спецификация Ключевое слово Шестнадцатеричное значение RGB Живое ключевое слово
Уровень CSS 1 черный #000000
серебро #c0c0c0
серый #808080
белый #ffffff
темно-бордовый #800000
красный #ff0000
фиолетовый #800080
фуксия #ff00ff
зеленый #008000
известь #00ff00
оливковое #808000
желтый #ffff00
темно-синий #000080
синий #0000ff
бирюзовый #008080
цвет морской волны #00ffff
CSS уровня 2 (редакция 1) оранжевый #ffa500
Цветовой модуль CSS уровня 3 Алисаблю #f0f8ff
античный белый #faebd7
аквамарин #7fffd4
лазурный #f0ffff
бежевый #f5f5dc
бисквит #ffe4c4
бланшированный миндаль #ffebcd
сине-фиолетовый #8a2be2
коричневый #a52a2a
бурливуд #deb887
синий кадет #5f9ea0
шартрез #7fff00
шоколад #d2691e
коралловый #ff7f50
васильковый #6495ed
кукурузный шелк #fff8dc
малиновый #dc143c
голубой
(синоним цвет морской волны )
#00ffff
темно-синий #00008b
темно-голубой #008b8b
темно-золотистый #b8860b
темно-серый #а9а9а9
темно-зеленый #006400
темно-серый #а9а9а9
темно-хаки #bdb76b
темно-пурпурный #8b008b
темно-оливково-зеленый #556b2f
темно-оранжевый #ff8c00
темная орхидея #9932cc
темно-красный #8b0000
темно-лососевый #e9967a
темно-зеленый #8fbc8f
темно-синий #483d8b
темно-сланцево-серый #2f4f4f
темно-сланцево-серый #2f4f4f
темно-бирюзовый #00ced1
темно-фиолетовый #9400d3
темно-розовый #ff1493
темно-синий #00bfff
темно-серый #696969
темно-серый #696969
Доджерблю #1e90ff
огнеупорный кирпич #b22222
цветочный белый #fffaf0
лесная зелень #228b22
Гейнсборо #dcdcdc
белый призрак #f8f8ff
золото #ffd700
золотарник #daa520
желто-зеленый #adff2f
серый #808080
падь #f0fff0
ярко-розовый #ff69b4
индийский красный #cd5c5c
индиго #4b0082
слоновая кость #fffff0
хаки #f0e68c
лаванда #e6e6fa
лавандовый румянец #fff0f5
зеленый газон #7cfc00
лимонный шифон #fffacd
голубой #add8e6
светло-коралловый #f08080
светло-голубой #e0ffff
светло-золотистыйжелтый #fafad2
светло-серый #d3d3d3
светло-зеленый #90ee90
светло-серый #d3d3d3
светло-розовый #ffb6c1
светлый лосось #ffa07a
светло-зеленый #20b2aa
светло-голубой #87cefa
светло-серый #778899
светло-серый #778899
светло-стальной синий #b0c4de
светло-желтый #ffffe0
салатовый #32cd32
белье #faf0e6
пурпурный
(синоним фуксия )
#ff00ff
средний аквамарин #66cdaa
средне-синий #0000cd
средняя орхидея #ba55d3
средне-фиолетовый #9370дб
средняя морская зелень #3cb371
светло-синий #7b68ee
средний весенне-зеленый #00fa9a
бирюзовый #48d1cc
фиолетово-красный #c71585
темно-синий #1
мятный крем #f5ffa
туманная роза #ffe4e1
мокасины #ffe4b5
наваджоуайт #ffdead
олдлейс #fdf5e6
оливково-красный #6b8e23
оранжево-красный #ff4500
орхидея #da70d6
бледный золотарник #eee8aa
бледно-зеленый #98fb98
бледно-бирюзовый #афиее
бледно-красный #db7093
папайя #ffefd5
персиковый слой #ffdab9
Перу #cd853f
розовый #ffc0cb
слива #dda0dd
голубой #b0e0e6
розово-коричневый #bc8f8f
королевский синий #4169e1
седельно-коричневый #8b4513
лосось #fa8072
песочно-коричневый #f4a460
морская зелень #2e8b57
морская ракушка #fff5ee
Сиена #a0522d
голубой #87ceeb
сине-серый #6a5acd
сланцево-серый #708090
сланцево-серый #708090
снег #fffafa
весенне-зеленый #00ff7f
стальной синий #4682b4
желто-коричневый #d2b48c
чертополох #d8bfd8
помидор #ff6347
бирюзовый #40e0d0
фиолетовый #ee82ee
пшеница #f5deb3
белый дымчатый #f5f5f5
желто-зеленый #9acd32
Модуль цвета CSS, уровень 4 ребеккапурпл #663399

прозрачный ключевое слово

Ключевое слово прозрачный представляет полностью прозрачный цвет. Это делает фон позади цветного элемента полностью видимым. Технически прозрачный является сокращением для rgba(0,0,0,0) .

Примечание: Чтобы предотвратить непредвиденное поведение, такое как , текущая спецификация CSS указывает, что прозрачный должен рассчитываться в цветовом пространстве с предварительным умножением альфа-канала. Однако имейте в виду, что старые браузеры могут воспринимать его как черный с альфа-значением 0 .

Примечание: прозрачный не был истинным цветом в CSS Level 2 (Revision 1).Это было специальное ключевое слово, которое можно было использовать вместо обычного значения в двух свойствах CSS: background и border . По сути, он был добавлен, чтобы позволить разработчикам переопределять унаследованный сплошной цвет. С появлением альфа-каналов в CSS Colors Level 3, прозрачный был переопределен как истинный цвет. Теперь его можно использовать везде, где можно использовать значение .

currentColor ключевое слово

Ключевое слово currentColor представляет значение свойства color элемента.Это позволяет использовать значение цвета для свойств, которые не получают его по умолчанию.

Если currentColor используется в качестве значения свойства color , вместо этого оно берет свое значение из унаследованного значения свойства color .

пример текущего цвета
  <дел>
  Цвет этого текста синий.
  <дел>
  Этот блок окружен синей рамкой.

Цвета RGB

Цветовая модель RGB определяет данный цвет в цветовом пространстве sRGB в соответствии с его красными, зелеными и синими компонентами.Необязательный альфа-компонент представляет прозрачность цвета.

Синтаксис
Цвета

RGB могут быть выражены как в шестнадцатеричной (с префиксом # ), так и в функциональной ( rgb() , rgba() ) нотациях.

Примечание: Начиная с CSS Colors Level 4, rgba() является псевдонимом для rgb() . В браузерах, реализующих стандарт уровня 4, они принимают одни и те же параметры и ведут себя одинаково.

Шестнадцатеричная запись: #RRGGBB[AA]

R (красный), G (зеленый), B (синий) и A (альфа) — шестнадцатеричные символы (0–9, A–F). не является обязательным. Например, #ff0000 эквивалентно #ff0000ff .

Шестнадцатеричное представление: #RGB[A]

R (красный), G (зеленый), B (синий) и A (альфа) — шестнадцатеричные символы (0–9, A–F). не является обязательным. Трехзначная запись ( #RGB ) является более короткой версией шестизначной формы ( #RRGGBB ). Например, #f09 имеет тот же цвет, что и #ff0099 .Точно так же четырехзначная нотация RGB ( #RGBA ) является более короткой версией восьмизначной формы ( #RRGGBBAA ). Например, #0f38 имеет тот же цвет, что и #00ff3388 .

Функциональное обозначение: rgb[a](R, G, B[, A])

R (красный), G (зеленый) и B (синий) могут быть либо <число> с, либо <процент> с, где число 255 соответствует 90% 772 100772 100772 . (альфа) может быть <число> между 0 и 1 или <процент> , где число 1 соответствует 100% (полная непрозрачность).

Функциональное обозначение: rgb[a](RGB[/A])

CSS Colors Level 4 добавляет поддержку значений, разделенных пробелами, в функциональной нотации.

Цвета HSL

Цветовая модель HSL определяет заданный цвет в цветовом пространстве sRGB в соответствии с его компонентами оттенка, насыщенности и яркости.Необязательный альфа-компонент представляет прозрачность цвета.

Многие дизайнеры считают HSL более интуитивно понятным, чем RGB, поскольку он позволяет независимо настраивать оттенок, насыщенность и яркость. HSL также может упростить создание набора совпадающих цветов (например, когда вам нужно несколько оттенков одного оттенка). Однако использование HSL для создания цветовых вариаций может привести к удивительным результатам, поскольку оно неоднородно для восприятия. Например, оба цвета hsl(240 100% 50%) и hsl(60 100% 50%) имеют одинаковую яркость, хотя первый намного темнее второго.

Синтаксис
Цвета

HSL выражаются с помощью функциональных нотаций hsl() и hsla() .

Примечание: Начиная с CSS Colors Level 4, hsla() является псевдонимом для hsl() . В браузерах, реализующих стандарт уровня 4, они принимают одни и те же параметры и ведут себя одинаково.

Функциональное обозначение: hsl[a](H, S, L[, A])

H (оттенок) — это <угол> цветового круга, заданный в градусах с, рад с, град с или поворот с в цветовом модуле CSS уровня 4.Когда записывается как безразмерное число <число> , оно интерпретируется как градусы, как указано в модуле цвета CSS уровня 3. По определению, красный = 0 градусов = 360 градусов, а другие цвета распределены по кругу, поэтому зеленый = 120 градусов, синий =240deg и т. д. Как , он неявно обертывается таким образом, что -120deg=240deg, 480deg=120deg, -1turn=1turn и т. д.

S (насыщенность) и L (яркость) указаны в процентах. 100% насыщенность полностью насыщен, а 0% полностью ненасыщен (серый). 100% яркость — белый, 0% яркость — черный, а 50% яркость — «нормальный».

A (альфа) может быть <число> между 0 и 1 или <процент> , где число 1 соответствует 1 непрозрачности (полная 7772 100% 100%).

Функциональное обозначение: hsl[a](H S L[ / A])

CSS Colors Level 4 добавляет поддержку значений, разделенных пробелами, в функциональной нотации.

Цвета HWB

Подобно цветовой модели HSL, цветовая модель HWB определяет заданный цвет в цветовом пространстве sRGB в соответствии с его компонентами оттенка, белого и черного.

Как и в случае с HSL, HWB может быть более интуитивно понятным в использовании, чем RGB. Таким же образом задается оттенок, за которым следует количество белизны и черноты, соответственно, в процентах. Эта функция также принимает альфа-значение.

Примечание: В нет отдельной функции hwba() , как в HSL, значение альфа является необязательным параметром, если оно не указано, используется значение альфа 1 (или 100%).Чтобы указать это значение, косая черта ( / ) должна следовать за значением черного до того, как будет указано значение альфа.

Синтаксис
Цвета

HWB выражаются через функциональную нотацию hwb() .

Примечание: Функция HWB , а не использует запятые для разделения значений, как и в предыдущих функциях цвета.

Функциональное обозначение: hwb(H W B[ / A])

То же, что и HSL: H (оттенок) — это <угол> цветового круга, заданный в градусах с, рад с, град с или поворот с в модуле цвета CSS уровня 4. .Когда записывается как безразмерное число <число> , оно интерпретируется как градусы, как указано в модуле цвета CSS уровня 3. По определению, красный = 0 градусов = 360 градусов, а другие цвета распределены по кругу, поэтому зеленый = 120 градусов, синий =240deg и т. д. Как , он неявно обертывается таким образом, что -120deg=240deg, 480deg=120deg, -1turn=1turn и т. д.

W (белизна) и B (чернота) являются процентами. Эти два цвета смешиваются, поэтому вам понадобятся 0% белизна и 100% чернота , чтобы получить черный цвет.И наоборот 100% белизна и 0% чернота для белого цвета. 50% обоих значений делает средне-серый цвет и любые другие варианты оттенком указанного оттенка.

A (альфа), необязательный, может быть <число> между 0 и 1 или <процент> , где число 1 соответствует 9073% ). При указании альфа-значения перед ним должна стоять косая черта ( / ).

Системные цвета

В режиме принудительных цветов (обнаруживаемом с помощью медиа-запроса принудительных цветов) большинство цветов ограничивается палитрой, определяемой пользователем и браузером. Эти системные цвета отображаются с помощью следующих ключевых слов, которые можно использовать для обеспечения того, чтобы остальная часть страницы хорошо интегрировалась с ограниченной палитрой. Эти значения также могут использоваться в других контекстах, но широко не поддерживаются браузерами.

Ключевые слова в следующем списке определены спецификацией CSS Color Module Level 4.

Примечание: Обратите внимание, что эти ключевые слова нечувствительны к регистру , но для удобства чтения они перечислены здесь со смешанным регистром.

ActiveText

Текст активных ссылок

КнопкаBorder

Базовый цвет границы элементов управления

ButtonFace

Цвет фона элементов управления

Текст кнопки

Основной цвет элементов управления

Холст

Справочная информация о содержимом приложения или документах

CanvasText

Цвет переднего плана в содержимом приложения или документах

Поле

Фон полей ввода

Полевой текст

Текст в полях ввода

Серый текст

Цвет переднего плана для отключенных элементов (например,г. отключенный элемент управления)

Подсветка

Фон выбранных элементов

HighlightText

Цвет переднего плана выбранных элементов

текст ссылки

Текст неактивных, непосещаемых ссылок

Марка

Фон текста, который был специально отмечен (например, элементом HTML mark )

Марктекст

Текст, специально отмеченный (например, элементом HTML mark )

Посещенный текст

Текст посещенных ссылок

Ключевые слова устаревших системных цветов

Следующие ключевые слова были определены в более ранних версиях модуля цвета CSS.Теперь они устарели. для использования на общедоступных веб-страницах.

Активбордер

Граница активного окна.

ActiveCaption

Заголовок активного окна. Следует использовать с CaptionText в качестве цвета переднего плана.

AppWorkspace

Цвет фона интерфейса с несколькими документами.

Фон

Фон рабочего стола.

Подсветка кнопок

Цвет границы, обращенной к источнику света, для трехмерных элементов, которые кажутся трехмерными из-за этого слоя окружающей границы.

Кнопка Тень

Цвет границы вдали от источника света для трехмерных элементов, которые кажутся трехмерными из-за этого слоя окружающей границы.

Текст подписи

Текст в заголовке, поле размера и поле со стрелкой полосы прокрутки. Следует использовать с цветом фона ActiveCaption .

Инактивбордер

Граница неактивного окна.

ИнактивКаптион

Заголовок неактивного окна. Следует использовать с цветом переднего плана InactiveCaptionText .

Инактивкаптионтекст

Цвет текста в неактивной подписи. Следует использовать с цветом фона InactiveCaption .

Информационный фон

Цвет фона для элементов управления всплывающей подсказкой. Следует использовать с цветом переднего плана InfoText .

Инфотекст

Цвет текста для элементов управления всплывающей подсказкой.Следует использовать с цветом фона InfoBackground .

Меню

Фон меню. Следует использовать с цветом переднего плана MenuText или -moz-MenuBarText .

Текст меню

Текст в меню. Следует использовать с цветом фона меню .

Полоса прокрутки

Цвет фона полос прокрутки.

ТриDDarkShadow

Цвет более темной (обычно внешней) из двух границ, удаленных от источника света, для трехмерных элементов, которые кажутся трехмерными из-за двух концентрических слоев окружающей границы.

Тридфейс

Цвет фона лицевой стороны для трехмерных элементов, которые выглядят трехмерными из-за двух концентрических слоев окружающей границы. Следует использовать с цветом переднего плана ButtonText .

ТриDHighlight

Цвет более светлой (обычно внешней) из двух рамок, обращенных к источнику света, для трехмерных элементов, которые кажутся трехмерными из-за двух концентрических слоев окружающей границы.

ТридЛайтТень

Цвет более темной (обычно внутренней) из двух рамок, обращенных к источнику света, для трехмерных элементов, которые кажутся трехмерными из-за двух концентрических слоев окружающей границы.

ТриДТень

Цвет более светлой (обычно внутренней) из двух границ, удаленных от источника света, для трехмерных элементов, которые кажутся трехмерными из-за двух концентрических слоев окружающей границы.

Окно

Фон окна. Следует использовать с цветом переднего плана WindowText .

Оконная рама

Оконная рама.

Окнотекст

Текст в окнах.Следует использовать с цветом фона Window .

Цветовые расширения системы Mozilla

-moz-ButtonDefault

Цвет рамки вокруг кнопок, представляющих действие по умолчанию для диалогового окна.

-moz-ButtonHoverFace

Цвет фона кнопки, над которой находится указатель мыши (будет ThreeDFace или ButtonFace , если указатель мыши не находится над ней).Следует использовать с цветом переднего плана -moz-ButtonHoverText .

-moz-ButtonHoverText

Цвет текста кнопки, над которой находится указатель мыши (будет ButtonText, если указатель мыши не находится над ней). Следует использовать с фоновым цветом -moz-ButtonHoverFace.

-moz-CellHighlight

Цвет фона для выбранного элемента в виджете дерева. Следует использовать с цветом переднего плана -moz-CellHighlightText .См. также -moz-html-CellHighlight .

-moz-CellHighlightText

Цвет текста для выбранного элемента в дереве. Следует использовать с фоновым цветом -moz-CellHighlight . См. также -moz-html-CellHighlightText .

-moz-Combobox

Цвет фона для полей со списком. Следует использовать с цветом переднего плана -moz-ComboboxText . В версиях до 1.9.2 вместо этого используйте -moz-Field .

-moz-ComboboxText

Цвет текста для полей со списком. Следует использовать с цветом фона -moz-Combobox . В версиях до 1.9.2 вместо этого используйте -moz-FieldText .

-moz-Диалог

Цвет фона для диалоговых окон. Следует использовать с цветом переднего плана -moz-DialogText .

-moz-DialogText

Цвет текста для диалоговых окон.Следует использовать с цветом фона -moz-Dialog .

-moz-dragtargetzone, -moz-EvenTreeRow

Цвет фона для четных строк дерева. Следует использовать с цветом переднего плана -moz-FieldText . В версиях Gecko до 1.9 используйте -moz-Field . См. также -moz-OddTreeRow .

-moz-html-CellHighlight

Цвет фона для выделенного элемента в HTML с. Следует использовать с цветом фона -moz-html-CellHighlight . До Gecko 1.9 используйте -moz-CellHighlightText .

-moz-mac-accentdarkestshadow, -moz-mac-accentdarkshadow, -moz-mac-accentface, -moz-mac-accentlightesthighlight, -moz-mac-accentlightshadow, -moz-mac-accentregularhighlight, -moz-mac-accentregularshadow

Акцентные цвета.

-moz-mac-chrome-active, -moz-mac-chrome-inactive

Цвета для неактивного и активного браузера Chrome.

-moz-mac-focusring, -moz-mac-menuselect, -moz-mac-menushadow, -moz-mac-menutextselect, -moz-MenuHover

Цвет фона для всплывающих элементов меню. Часто похож на Выделите . Следует использовать с цветом переднего плана -moz-MenuHoverText или -moz-MenuBarHoverText .

-moz-MenuHoverText

Цвет текста для всплывающих пунктов меню. Часто похож на HighlightText . Следует использовать с цветом фона -moz-MenuHover .

-moz-MenuBarText

Цвет текста в строках меню. Часто похож на MenuText . Следует использовать поверх фона меню .

-moz-MenuBarHoverText

Цвет наводимого текста в строках меню.Часто похоже на -moz-MenuHoverText . Следует использовать поверх фона -moz-MenuHover .

-moz-nativehyperlinktext

Цвет гиперссылки платформы по умолчанию.

-moz-OddTreeRow

Цвет фона для нечетных строк дерева. Следует использовать с цветом переднего плана -moz-FieldText . В версиях Gecko до 1.9 используйте -moz-Field . См. также -moz-EvenTreeRow .

-moz-win-коммуникациитекст

Следует использовать для текста в объектах с внешним видом : -moz-win-communications-toolbox; .

-moz-win-медиатекст

Следует использовать для текста в объектах с внешним видом : -moz-win-media-toolbox .

-moz-win-accentcolor

Используется для доступа к пользовательскому цвету акцента Windows 10, который можно установить в меню «Пуск», на панели задач, в заголовках и т. д.

-moz-win-accentcolortext

Используется для доступа к цвету текста, размещенного поверх пользовательского акцентного цвета Windows 10 в меню «Пуск», на панели задач, в заголовках и т. д.

Расширения предпочтений цвета Mozilla

-moz-activehyperlinktext

Предпочтение пользователя для цвета текста активных ссылок. Следует использовать с цветом фона документа по умолчанию.

-moz-default-background-color

Предпочтение пользователя для цвета фона документа.

-moz-цвет по умолчанию

Предпочтение пользователя для цвета текста.

-moz-текст гиперссылки

Предпочтение пользователя для цвета текста непросмотренных ссылок. Следует использовать с цветом фона документа по умолчанию.

-moz-visitedhyperlinktext

Предпочтение пользователя для цвета текста посещенных ссылок. Следует использовать с цветом фона документа по умолчанию.

Лабораторные краски

CSS Color 4 представил цвета Lab.Лабораторные цвета задаются с помощью функциональной нотации lab() . Они не ограничены конкретным цветовым пространством и могут представлять весь спектр человеческого зрения.

Цвета LCH

CSS Color 4 представил цвета LCH. Цвета LCH задаются с помощью функциональной нотации lch() . Они не ограничены конкретным цветовым пространством и могут представлять весь спектр человеческого зрения.

По сути, LCH — это полярная форма Lab. Он более удобен для человека, чем Lab, поскольку его компоненты цветности и оттенка определяют качества желаемого цвета, а не смешивание.В этом он похож на HSL, хотя гораздо более единообразен в восприятии. В отличие от HSL, который описывает hsl(60 100% 50%), hsl(240 100% 50%) и как имеющие одинаковую легкость, LCH (и Lab) правильно приписывает им разные светлоты: первый (желтый) имеет L 97,6, а второй (синий) L 29,6. Таким образом, LCH можно использовать для создания палитр совершенно разных цветов с предсказуемыми результатами. Обратите внимание, что оттенок LCH — это не то же самое, что оттенок HSL, а цветность LCH — это не то же самое, что насыщенность HSL, хотя у них есть некоторые концептуальные сходства.

цвет() цвета

CSS Color 4 ввел это обозначение. Цвета, заданные с помощью функции color() , могут указывать цвет в любом из предопределенных цветовых пространств, а также пользовательские цветовые пространства, определенные с помощью правила @color-profile .

В анимации и градиентах значения интерполируются для каждого их красного, зеленого и синего компонентов. Каждый компонент интерполируется как действительное число с плавающей запятой. Обратите внимание, что интерполяция цветов происходит в цветовом пространстве sRGBA с предварительным умножением альфа-канала, чтобы предотвратить появление неожиданных оттенков серого.В анимации скорость интерполяции определяется функцией синхронизации.

Некоторые люди плохо различают цвета. Рекомендация WCAG 2.0 настоятельно не рекомендует использовать цвет как единственное средство передачи определенного сообщения, действия или результата. Дополнительную информацию см. в разделе Цвет и цветовой контраст.

Тестер значения цвета

В этом примере мы предоставляем

и ввод текста. Ввод допустимого цвета во входные данные приводит к тому, что
принимает этот цвет, что позволяет вам проверить наши значения цвета.

HTML
  <дел>
<час>

<тип ввода="текст">
  
УСБ
  раздел {
  ширина: 100%;
  высота: 200 пикселей;
}
  
  const inputElem = document.querySelector('input');
const divElem = document.querySelector('div');

функция validTextColor (stringToTest) {
  если (stringToTest === "") { вернуть ложь; }
  если (stringToTest === "наследовать") { return false; }
  если (stringToTest === "прозрачный") { return false; }

  константное изображение = документ.СоздатьЭлемент("Изображение");
  image.style.color = "rgb (0, 0, 0)";
  image.style.color = stringToTest;
  if (image.style.color !== "rgb(0, 0, 0)") { return true; }
  image.style.color = "rgb (255, 255, 255)";
  image.style.color = stringToTest;
  return image.style.color !== "rgb(255, 255, 255)";
}

inputElem.addEventListener('change', () => {
  если (validTextColor (inputElem.value)) {
    divElem.style.backgroundColor = inputElem.value;
    divElem.textContent = '';
  } еще {
    divElem.style.backgroundColor = 'белый';
    дивЭлем.textContent = 'Недопустимое значение цвета';
  }
});
  
Результат

Варианты синтаксиса RGB

В этом примере показано множество способов создания одного цвета с помощью различных синтаксисов цветов RGB.

 


#f09
#F09
#ff0099
#FF0099


RGB(255,0,153)
RGB(255, 0, 153)
RGB(255, 0, 153.0)
RGB(100%,0%,60%)
RGB(100%, 0%, 60%)
RGB(100%, 0, 60%)
RGB(255 0 153)


#f09f
#F09F
#ff0099ff
#FF0099FF


RGB(255, 0, 153, 1)
RGB (255, 0, 153, 100%)


RGB(255 0 153/1)
RGB (255 0 153/100%)


RGB(255, 0, 153.6, 1)
rgb(2.55e2, 0e0, 1.53e2, 1e2%)
  

Варианты прозрачности RGB

 
#3а30
#3A3F
#33аа3300
#33АА3380


rgba(51, 170, 51, .1)
rgba(51, 170, 51, .4)
rgba(51, 170, 51, .7)
RGBA(51, 170, 51, 1)


RGBA(51 170 51/0,4)
rgba(51 170 51/40%)


RGBA(51, 170, 51,6, 1)
rgba(5.1e1, 1.7e2, 5.1e1, 1e2%)
  

Варианты синтаксиса HSL

 
хсл(270,60%,70%)
hsl(270, 60%, 70%)
hsl(270 60% 70%)
hsl (270 градусов, 60%, 70%)
хсл (4.71239рад, 60%, 70%)
hsl (0,75 оборота, 60%, 70%)


hsl(270, 60%, 50%, .15)
hsl(270, 60%, 50%, 15%)
hsl(270 60% 50% / 0,15)
hsl(270 60% 50% / 15%)
  

Варианты синтаксиса HWB

 
хвб(90 10% 10%)
хвб(90 50% 10%)
hwb(90 градусов 10% 10%)
hwb(1.5708рад 60% 0%)
hwb(.25turn 0% 40%)


hwb(90 10% 10% / 0,5)
хвб(90 10% 10% / 50%)
  

Полностью насыщенные цвета

Обозначение Описание Живой
hsl(0, 100%, 50%) красный
hsl(30, 100%, 50%) оранжевый
hsl(60, 100%, 50%) желтый
hsl(90, 100%, 50%) зеленый лайм
hsl(120, 100%, 50%) зеленый
hsl(150, 100%, 50%) сине-зеленый
hsl(180, 100%, 50%) голубой
hsl(210, 100%, 50%) голубой
hsl(240, 100%, 50%) синий
hsl(270, 100%, 50%) фиолетовый
hsl(300, 100%, 50%) пурпурный
hsl(330, 100%, 50%) розовый
hsl(360, 100%, 50%) красный

Светло- и темно-зеленый

Обозначение Описание Живой
hsl(120, 100%, 0%) черный
hsl(120, 100%, 20%)
hsl(120, 100%, 40%)
hsl(120, 100%, 60%)
hsl(120, 100%, 80%)
hsl(120, 100%, 100%) белый

Насыщенная и ненасыщенная зелень

Обозначение Описание Живой
hsl(120, 100%, 50%) зеленый
hsl(120, 80%, 50%)
hsl(120, 60%, 50%)
hsl(120, 40%, 50%)
hsl(120, 20%, 50%)
hsl(120, 0%, 50%) серый

Варианты прозрачности HSL

  hsla(240, 100%, 50%, .05)
hsla(240, 100%, 50%, .4)
hsla(240, 100%, 50%, .7)
hsla(240, 100%, 50%, 1)


hsla(240 100% 50% / 0,05)


hsla(240 100% 50% / 5%)
  
Спецификация Статус Комментарий
Модуль цвета CSS, уровень 4 Рабочий проект Добавляет цвета LCH и Lab, функцию hwb() , функциональную нотацию color() , rebeccapurple , четырех- ( #RGBA ) и восьмизначный ( #RRGGBBAA ) шестнадцатеричные обозначения, rgba() и hsla() как псевдонимы rgb() и hsl() (оба с одинаковым синтаксисом параметров), параметры функции, разделенные пробелами, как альтернатива запятым, проценты для альфа-значений и углы для компонента оттенка в hsl() цвета.
Цветовой модуль CSS уровня 3
Определение в этой спецификации.
Рекомендация Отменяет системные цвета. Добавляет цвета SVG и rgba() , hsl() и hsla() функциональные обозначения.
CSS уровня 2 (редакция 1)
Определение в этой спецификации.
Рекомендация Добавляет ключевое слово оранжевый и системные цвета.
Уровень CSS 1
Определение в этой спецификации.
Рекомендация Исходное определение. Включает 16 основных цветовых ключевых слов.

Таблицы BCD загружаются только в браузере

RGB и CMYK: в чем разница?

Независимо от того, являетесь ли вы дизайнером или получаете дизайн, важно знать разницу между цветовыми режимами RGB и CMYK, чтобы вы могли планировать и оптимизировать каждый этап процесса проектирования.Это выходит за рамки простого знания того, что означают буквы — спойлер: в основном это цвета! В зависимости от того, где и как отображается конечный результат, одно цветовое пространство всегда лучше другого.

Больше никогда не бойтесь этих аббревиатур! Мы собираемся объяснить, что такое цветовые режимы RGB и CMYK, как они работают и когда лучше всего использовать каждый из них.

В чем разница между RGB и CMYK?


И RGB, и CMYK — это режимы смешивания цветов в графическом дизайне.Для справки: цветовой режим RGB лучше всего подходит для цифровой работы, а CMYK используется для печатной продукции. Но чтобы полностью оптимизировать свой дизайн, вам нужно понимать механизмы, лежащие в основе каждого из них. Давайте погрузимся глубже.

Что такое RGB?


RGB (красный, зеленый и синий) — это цветовое пространство для цифровых изображений. Используйте цветовой режим RGB, если ваш дизайн должен отображаться на любом экране.

RGB и аддитивное смешение

Источник света внутри устройства создает любой нужный вам цвет, смешивая красный, зеленый и синий цвета и изменяя их интенсивность.Это известно как аддитивное смешивание: все цвета начинаются как черная тьма, а затем красный, зеленый и синий свет добавляются друг к другу, чтобы сделать его ярче и создать идеальный пигмент. Когда красный, зеленый и синий свет смешиваются вместе с одинаковой интенсивностью, они создают чистый белый цвет.

Дизайнеры могут управлять такими аспектами, как насыщенность, яркость и оттенки, изменяя любой из трех исходных цветов. Поскольку это делается в цифровом виде, дизайнер манипулирует тем, как проявляется свет на экране, чтобы создать нужный цвет.

Когда использовать RGB?

Если конечной целью вашего дизайнерского проекта является цифровой экран, используйте цветовой режим RGB. Это касается всего, что связано с компьютерами, смартфонами, планшетами, телевизорами, камерами и т. д.

Используйте RGB, если ваш дизайн-проект включает в себя:

  • веб-дизайн и дизайн приложений
  • брендинг
  • социальные сети
    • изображения для постов
    • фотографии профиля
    • фоны профиля
  • визуальный контент
    • видео
    • цифровая графика
    • инфографика
    • фотографии для веб-сайта, социальных сетей или приложений

Какие форматы файлов лучше всего подходят для RGB?

Форматы файлов RGB

Форматы JPEG идеально подходят для файлов RGB, потому что они являются хорошим компромиссом между размером файла и качеством, и их можно прочитать практически в любом месте.

PSD — это стандартный исходный файл для документов RGB, при условии, что все члены команды работают с Adobe Photoshop.

PNG поддерживают прозрачность и лучше подходят для графики, которую необходимо накладывать поверх других. Рассмотрите этот тип файла для элементов интерфейса, таких как кнопки, значки или баннеры.

GIF-файлы захватывают движение, поэтому, если вы используете анимированный элемент, такой как движущийся логотип или подпрыгивающий значок, этот тип файла будет идеальным.

Лучше избегать форматов TIFF, EPS, PDF и BMP для целей RGB. Эти форматы несовместимы с большинством программ, не говоря уже о том, что они могут быть излишне большими с точки зрения данных.

Что такое CMYK?


CMYK (голубой, пурпурный, желтый, ключевой/черный) — цветовое пространство для печатных материалов.

CMYK и субтрактивное смешивание

Печатная машина создает изображения, комбинируя цвета CMYK в различной степени с физическими чернилами. Это известно как субтрактивное смешение. Все цвета начинаются с чистого белого, и каждый слой чернил уменьшает начальную яркость для создания предпочтительного цвета.Когда все цвета смешиваются вместе, получается чистый черный цвет.

Когда использовать CMYK?

Используйте CMYK для любого дизайна проекта, который будет распечатываться физически, а не просматриваться на экране. Если вам нужно воссоздать свой дизайн с помощью чернил или красок, цветовой режим CMYK даст вам более точные результаты.

Используйте CMYK, если ваш проект включает:

  • Брендинг
    • визитные карточки
    • стационарный
    • наклейки
    • вывески и витрины
  • Реклама
    • рекламные щиты
    • постеры
    • листовки
    • оклейка автомобиля
    • брошюры
  • Товары
    • футболки, кепки и другая фирменная одежда
    • рекламные сувениры (ручки, кружки и т. д.))
  • Основные материалы
    • упаковка продукта
    • меню ресторана

Какие форматы файлов лучше всего подходят для CMYK?

Форматы файлов CMYK

PDF-файлы идеально подходят для файлов CMYK, поскольку они совместимы с большинством программ.

AI — это стандартный исходный файл для CMYK, при условии, что все члены команды работают с Adobe Illustrator.

EPS может быть отличной альтернативой исходному файлу для AI, поскольку он совместим с другими векторными программами.

Учитывая все обстоятельства, всегда лучше заранее проконсультироваться с вашим принтером, чтобы узнать, какой формат файла он предпочитает.

Как настроить цветовые режимы RGB и CMYK в дизайнерских программах


Если вы используете программное обеспечение Adobe, вот как настроить цветовой режим для нового проекта.

Как установить цветовой режим в Photoshop

Параметр «Цветовой режим» в Photoshop включен в окно «Новый документ»

. Когда вы создаете новый документ в Photoshop, параметр «Цветовой режим» будет включен вместе с другими параметрами в окно «Новый документ» .

Как установить цветовой режим в Illustrator

Параметр «Цветовой режим» в Illustrator скрыт в меню «Дополнительные параметры» в окне «Новый документ». Нажмите на стрелку, чтобы развернуть это меню.

Как установить цветовой режим в InDesign

Цветовой режим устанавливается автоматически в зависимости от того, какой документ вы выберете: печать (CMYK) или веб-/мобильный (RGB) документ. Вы можете установить цветовое пространство отдельных образцов с помощью раскрывающегося меню «Цветовой режим» на панели «Параметры образца».

InDesign автоматически устанавливает цветовой режим по умолчанию в зависимости от выбранного вами типа документа (в категории «Печать» или «Интернет/мобильное устройство», что соответствует CMYK или RGB соответственно).

Когда вы работаете с цветами внутри программы, вы заметите, что образцы уже будут измеряться в значениях RGB или CMYK в зависимости от того, с каким типом документа вы работаете. Поскольку InDesign позволяет смешивать цветовые пространства, вы можете изменить цвет режим отдельных образцов всякий раз, когда вы их создаете, но в целом лучше всего сохранять постоянство цветов.

Как проверить, находится ли ваш документ в режиме RGB или CMYK


Если вы не можете вспомнить, в какой режим вы установили свой документ, или вы работаете с чужим файлом, вот как вы можете проверить цветовой режим.

Как проверить цветовой режим в Photoshop

Изображение > Режим

В Photoshop цветовой режим указан в скобках на вкладке документа. Вы также можете найти его, перейдя к Image > Mode . Цветовой режим документа будет отмечен галочкой.

Как проверить цветовой режим в Illustrator

Файл > Цветовой режим документа

В Illustrator цветовой режим указан в скобках на вкладке документа. Вы также можете найти его, перейдя к Файл > Цветовой режим документа .Цветовой режим документа будет отмечен галочкой.

Как проверить цветовой режим в InDesign

Цветовой режим CMYK показан на панели «Цвета».

Один из простых способов проверить цветовой режим в InDesign — использовать панель «Цвет». Перейдите к Окно > Цвет > Цвет , чтобы открыть панель Цвет, если она еще не открыта. Вы увидите цвета, измеренные в отдельных процентах CMYK или RGB, в зависимости от цветового режима вашего документа.

Как конвертировать между RGB и CMYK


Некоторые из вас могут подумать: «Ну, эта статья пригодилась бы мне, когда я только начинал проект!»

Не отчаивайтесь.Да, важно начать проект в правильном формате, но при необходимости можно конвертировать между RGB и CMYK.

Будьте готовы к тому, что цвета будут выглядеть по-разному (темнее или светлее из-за аддитивного или субтрактивного смешения). Если вы дизайнер, вам придется объяснить это вашему клиенту. И в дополнение к изменению цветового пространства документа вам может понадобиться изменить сами цвета, чтобы приблизиться к тому, что у вас было раньше.

Вот как использовать программное обеспечение для проектирования для преобразования цветовых режимов RGB в CMYK.

Как изменить цветовое пространство в Photoshop

«Правка» > «Преобразовать в профиль». Используйте раскрывающееся меню «Целевое пространство», чтобы изменить цветовой режим.

Чтобы изменить цветовой режим документа Photoshop, перейдите к «Правка» > «Преобразовать в профиль» . Это вызовет диалоговое окно. На что стоит обратить внимание, так это на поле Destination Space . Используйте раскрывающийся список, чтобы выбрать нужный цветовой режим.

Существуют разные библиотеки цветов RGB и CMYK, поэтому вы увидите несколько вариантов.Для общих целей подходят первые два варианта, но вы можете заранее уточнить у своего принтера, что ему нужно.

Если ваше изображение еще не сведено, установите флажок Свести изображение для сохранения внешнего вида , так как ваши цвета могут не так хорошо отображаться в нескольких слоях с смешиванием/прозрачностью между ними. Когда вы будете готовы, нажмите «ОК», и вы увидите изменение информации о цветовом режиме на вкладке в верхней части документа.

Как изменить цветовое пространство в Illustrator

«Правка» > «Редактировать цвета», выберите цветовое пространство, которое вы хотите преобразовать в

. Чтобы изменить цветовой режим файла Illustrator, выберите все объекты в документе.Перейдите к Edit > Edit Colors  и выберите нужное цветовое пространство.

Как изменить цветовое пространство в InDesign

«Файл» > «Предустановки Adobe PDF» > [Качество печати] Выберите «Вывод» слева и используйте раскрывающееся меню «Назначение», чтобы преобразовать цветовой режим.

Вы можете изменить цветовой режим документа InDesign в процессе экспорта. Перейдите к File > Adobe PDF Presets > [Press Quality] и выберите место для сохранения. Во всплывающем окне «Экспорт Adobe PDF» выберите «Вывод» слева и используйте раскрывающееся меню «Назначение» в разделе «Цвет», чтобы выбрать нужный цветовой режим.

Этот метод может быть полезен в крайнем случае, но если вы работаете с большим количеством разных изображений, лучше всего изменить цветовой режим изображения с помощью их собственных программ (таких как Photoshop или Illustrator), если вы их связали.

Знайте свои цветовые режимы

Знание того, как взаимодействуют цвета для определения пигмента, может дать вам больший контроль над тем, как выглядит окончательный цвет, и, следовательно, больший контроль над вашим окончательным дизайном. Чем больше вы работаете в определенном цветовом режиме, тем лучше вы будете предсказывать, как файл дизайна будет преобразован в конечный продукт.Вот почему, если вы хотите каждый раз получать идеальные цвета, лучше всего нанять профессионального дизайнера.

Хотите узнать цвет от профессионального дизайнера?
Найдите дизайнера сегодня!

Эта статья была первоначально написана Питером Вуковичем и опубликована в 2012 году. Она была дополнена новыми примерами и информацией.

Изменение цветовых форматов | Справочный центр Zeplin

При проверке значений цвета для слоев в Zeplin вы можете настроить их цветовые форматы на правой панели сведений.

☝️ Изменение цветовых форматов влияет только на то, как значения цветов отображаются в интерфейсе (например, на правой панели), и не влияет ли , а не на фрагменты кода.

Изменение форматов цветов в приложении для Mac

Вот поддерживаемые форматы в приложении для Mac:

1. Автоматически: Цвета форматируются в соответствии с типом проекта.

  • Для веб-проектов, если цвет имеет альфа-значение ниже 1, цвета отображаются в формате RGBA.В противном случае цвета отображаются в шестнадцатеричном формате (RGB).

  • Для проектов iOS и macOS цвета отображаются в формате RGBA.

  • Для проектов Android цвета отображаются в шестнадцатеричном формате (ARGB).

73

8

2. RGBA: RGB 238 103 35, 0.5

3. Hex (RGB, A): # EE67237F

4. HEX (ARGB): # 7Fee6723

для проектов

В приложении Mac вы можете изменить формат цвета в верхней строке меню: «Проект > Цветовое представление».

Для руководства по стилю

В приложении для Mac можно изменить формат цвета в верхней строке меню: «Руководство по стилю > Цветовое представление».

Изменение цветовых форматов в веб-приложении и приложении для Windows

В приложении для Windows и веб-приложении (https://app.zeplin.io) вы можете изменить формат цвета для вывода кода в веб-проектах только .

Вы сможете , а не изменить формат цвета для проектов iOS или Android.

Вот поддерживаемые форматы в веб-приложении и приложении для Windows:

  1. По умолчанию: RGB, если цвет имеет альфа-значение ниже 1, в противном случае HEX.

  2. HEX: CSS Hex обозначение цвета. например #ee67237f

  3. RGB: функция цвета CSS rgb. например rgba(238, 103, 35, 0.5)

  4. HSL: Цветовая функция CSS hsl. например hsla(20, 86%, 54%, 0.5)

Для проектов

Вы можете изменить формат цвета, нажав правую панель в меню CSS:

Для стилей

5 90 формат цвета, щелкнув правую панель в меню CSS:

Изменение цветов вашего веб-сайта | Format Help Articles

Цвета вашего веб-сайта можно быстро отредактировать, изменив три «Ключевых цвета» с помощью нашего редактора основных цветов.

Это хороший способ начать настройку внешнего вида вашего сайта, после чего вы можете перейти к расширенному редактору цветов, чтобы точно настроить все доступные параметры цвета.


Basic: обзор основных цветов

Коснитесь панели « Colors » в редакторе дизайна.

При выборе темы выбранная опция Preset автоматически устанавливает цвет фона , цвет текста и цвет акцента .

  1. Настройкой по умолчанию является панель BASIC , и изменения здесь влияют на все содержимое вашего сайта

  2. Цвет фона : цвет фона на всем сайте

  3. 9 0 Здесь можно установить текст, заголовки, элементы меню, текст блога и текст нижнего колонтитула.Цвет текстового логотипа задается отдельно

  4. Цвет акцента : для текстовых ссылок, меню сайта при наведении/выборе, ссылок на страницы и социальных ссылок


Палитра

  • Используйте ползунок (вверх/вниз) справа, чтобы выбрать базовый цвет

  • Используйте круг выбора, чтобы уточнить цвет, или добавьте номер #HEX непосредственно в поле выше

  • Просмотр изменений на панели предварительного просмотра

    По мере внесения изменений в цвета результаты отображаются на панели предварительного просмотра справа.

    1. Сохранить изменения для применения к вашему Live Site по умолчанию, который вы выбрали на панели «Темы».

    Comments