Html селектор цвета: Выбор цвета | htmlbook.ru

Выбор цвета

http://docs.kde.org/
Пред.	Основные действия	След.

T.C. Hollingsworth (tchollingsworth gmail.com)

Перевод на русский язык: Олеся Герасименко
Рецензирование: Александр Яворский

Функция выбора цвета присутствует во многих приложениях KDE, где есть необходимость выбора цвета. Здесь можно выбрать цвет из группы Основные цвета (большое количество предустановленных цветов) или же создать свой, если необходим особый цвет.

Выбор цвета в программе Параметры системы.

Использование основных цветов

Группа основных цветов — это набор предварительно выбранных цветов, расположенный в верхней части окна выбора цвета.

Чтобы выбрать цвет из группы основных цветов, просто щёлкните по нему. Справа от палитры будет показан цвет и его шестнадцатеричное представление в формате HTML.

Получение других цветов

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

Использование сетки

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

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

Выбор цвета с экрана

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

Тон, насыщенность, значение (HSV)

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

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

Красный, зелёный и синий (RGB)

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

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

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

В правом нижнем углу экрана можно ввести шестнадцатеричный код цвета в формате HTML. Подробнее на эту тему можно прочитать в статье «Цвета HTML» в Википедии.

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

Пользовательские цвета

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

Применение цвета к элементам HTML с помощью CSS В этой статье мы познакомимся с каждым из способов использования цвета CSS в HTML.

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

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

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

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

Вещи,которые могут иметь цвет

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

На фундаментальном уровне свойство color определяет цвет переднего плана содержимого HTML-элемента, а свойство background-color определяет цвет фона элемента. Их можно использовать практически для любого элемента.

Text

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

color

Цвет, используемый при рисовании текста и любых текстовых украшений (таких как добавление подчеркивания или надчеркивания, зачеркивание линий и т. Д.).

background-color

Цвет фона текста.

text-shadow

Настраивает эффект тени для применения к тексту.

Среди вариантов тени — основной цвет тени (который затем размывается и смешивается с фоном на основе других параметров). См Текст падение теней в Фундаментальной текста и шрифта стиля , чтобы узнать больше.

text-decoration-color

По умолчанию оформление текста (например, подчеркивание, зачеркивание и т. д.) использует свойство color в качестве цвета. Однако вы можете переопределить это поведение и использовать для них другой цвет с помощью свойства text-decoration-color .

text-emphasis-color

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

caret-color

Цвет, используемый при рисовании каретки (иногда называемой курсором ввода текста) внутри элемента. Это полезно только в редактируемых элементах, таких как

<input> и <textarea> или элементах, для которых установлен атрибут HTML contenteditable .

Boxes

Каждый элемент представляет собой коробку с каким-либо содержанием,и имеет фон и рамку в дополнение к тому,какое содержание может быть в коробке.

Borders

В разделе « Границы» приведен список свойств CSS, которые можно использовать для установки цветов границ поля.

background-color

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

column-rule-color

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

outline-color

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

Borders

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

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

border-color

Указывает один цвет для каждой стороны границы элемента.

border-left-color цвет границы слева , цвет border-right-color , border-top-color границы border-bottom-color

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

border-block-start-color border-block-end-color блока

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

border-inline-start-color и border-inline-end-color

Они позволяют окрашивать края границы, ближайшие к началу и концу начала строк текста внутри поля. Какая сторона будет зависеть от свойств writing-mode , direction и text-orientation , которые обычно (но не всегда) используются для настройки направления текста в зависимости от отображаемого языка. Например, если текст блока отображается справа налево, то к правой стороне границы применяется border-inline-start-color

Другие способы использования цвета

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

HTML Canvas API

Позволяет рисовать двухмерную растровую графику в элементе

<canvas> . См. наш учебник по холсту , чтобы узнать больше.

SVG (масштабируемая векторная графика)

Позволяет рисовать изображения с помощью команд, которые рисуют определенные формы, узоры и линии для создания изображения. Команды SVG имеют формат XML и могут быть встроены непосредственно в веб-страницу или могут быть размещены на странице с помощью элемента <img> , как и любой другой тип изображения.

WebGL

Библиотека веб-графики — это API-интерфейс на базе OpenGL ES для рисования высокопроизводительной 2D- и 3D-графики в Интернете. См. Наше руководство по WebGL, чтобы узнать больше.

Как описать цвет

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

Более подробное обсуждение каждого из типов значений цвета см. в справочнике по единице CSS <color> .

Keywords

Определен набор стандартных названий цветов, позволяющий использовать эти ключевые слова вместо числовых представлений цветов, если вы решите это сделать, и есть ключевое слово, представляющее точный цвет, который вы хотите использовать. Ключевые слова цвета включают стандартные основные и вторичные цвета (например, red , blue или orange ), оттенки серого (от black до white , включая такие цвета, как darkgray lightgrey и светло-серый ) и множество других смешанных цветов, включая lightseagreen , cornflowerblue и синий.

rebeccapurple .

См. Ключевые слова цвета в <color> для получения списка всех доступных ключевых слов цвета.

RGB values

Существует три способа представления цвета RGB в CSS.

шестнадцатеричная строковая нотация

Шестнадцатеричная строка представляет цвет с использованием шестнадцатеричных цифр для представления каждого из компонентов цвета (красный, зеленый и синий). Он также может включать четвертый компонент: альфа-канал (или непрозрачность). Каждый компонент цвета может быть представлен как число от 0 до 255 (0x00 и 0xFF) или, необязательно, как число от 0 до 15 (0x0 и 0xF). Все компоненты должны быть указаны с использованием одинакового количества цифр. Если вы используете однозначную нотацию, окончательный цвет вычисляется с использованием цифры каждого компонента дважды; то есть "#D" становится "#DD" при рисовании.

Цвет в шестнадцатеричной системе счисления всегда начинается с символа "#" . После этого идут шестнадцатеричные цифры цветового кода. В строке регистр не учитывается.

"#rrggbb"

Задает полностью непрозрачный цвет, красный компонент которого представляет собой шестнадцатеричное число 0xrr , зеленый компонент — 0xgg , а синий компонент — 0xbb .

"#rrggbbaa"

Задает цвет, красный компонент которого представляет собой шестнадцатеричное число 0xrr , зеленый компонент — 0xgg , а синий компонент — 0xbb . Альфа-канал определяется как 0xaa ; чем ниже это значение, тем более полупрозрачным становится цвет.

"#rgb"

Задает цвет, красный компонент которого представляет собой шестнадцатеричное число 0xrr , зеленый компонент — 0xgg , а синий компонент — 0xbb .

"#rgba"

Задает цвет, красный компонент которого представляет собой шестнадцатеричное число 0xrr , зеленый компонент — 0xgg , а синий компонент — 0xbb . Альфа-канал определяется как 0xaa ; чем ниже это значение, тем более полупрозрачным становится цвет.

Например, вы можете представить ярко-синий непрозрачный цвет как "#0000ff" или "#00f" . Чтобы сделать его непрозрачным на 25%, вы можете использовать "#0000ff44" или "#00f4" .

RGB-функциональная запись

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

Правовые значения для каждого из этих параметров:

red , green и blue

Каждое значение должно быть

<integer> от 0 до 255 (включительно) или <percentage> от 0% до 100%.

alpha

Альфа-канал представляет собой число от 0.0 (полностью прозрачный)до 1.0 (полностью непрозрачный).Вы также можете указать процент,где 0%-это то же самое,что 0.0,а 100%-это то же самое,что 1.0.

Например, ярко-красный цвет, непрозрачный на 50%, может быть представлен как rgb(255, 0, 0, 0.5) или rgb(100%, 0, 0, 50%) .

---

© 2005–2022 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Colors/Applying_color

---

• 1
• …
• 362
• 363
• 364
• 365
• 366
• …
• 865
• Next

функциональная нотация HSL

Утилита PowerToys Color Picker для Windows

Редактировать

Твиттер LinkedIn Фейсбук Электронное письмо

• Статья
• 06. 12.2022
• 4 минуты на чтение

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

Начало работы

Включить

Чтобы начать использовать палитру цветов, включите ее в настройках PowerToys (раздел «Палитра цветов»).

Активировать

После включения можно выбрать одно из следующих трех действий, которое будет выполняться при запуске Color Picker с помощью ярлыка активации (по умолчанию: Win + Shift + C ).

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

Выберите цвет

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

Скопированный цвет будет сохранен в вашем буфере обмена в том формате, который настроен в настройках (по умолчанию: HEX).

Подсказка

Чтобы выбрать цвет элемента без наведения:

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

Использование редактора

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

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

Цвет в середине представляет выбранный вами цвет из истории цветов. Нажав на нее, появится элемент управления тонкой настройки, где вы можете изменить значения HSV или RGB текущего цвета. Использование Кнопка Select добавит новый настроенный цвет в историю цветов.

Чтобы удалить любой цвет из истории цветов, щелкните цвет правой кнопкой мыши и выберите Удалить .

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

Настройки

Палитра цветов имеет следующие настройки:

• Ярлык активации
• Поведение ярлыка активации
• Формат копируемого цвета по умолчанию (HEX, RGB и т. д.)
• Показать название цвета. Отображаемое имя цвета будет высокоуровневым представлением цвета. Пример: светло-зеленый, зеленый, темно-зеленый.
• Порядок и наличие цветовых форматов в редакторе

Чтобы изменить порядок цветов, нажмите кнопку … справа и выберите Вверх или Вниз .

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

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

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

Чтобы добавить новый цветовой формат, выберите Добавить пользовательский цветовой формат .

Управление цветовыми форматами

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

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

Параметр	Значение
%Re	красный
%Gr	зеленый
%Бл	синий
%Al	альфа
%Cy	голубой
% Ма	пурпурный
%Ye	желтый
%Бк	Черный ключ
%Hu	оттенок
%Si	насыщенность (HSI)
%Sl	насыщенность (HSL)
%Sb	насыщенность (HSB)
%Br	яркость
%В	интенсивность
%Hn	оттенок (натуральный)
%L1	легкость (натуральная)
%Lc	легкость (CIE)
% Va	значение
% Втч	белизна
%Bn	чернота
%Ca	цветность А
%Cb	цветность B
%Xv	Значение X
%Yv	Значение Y
%Zv	Z-значение
%Дв	десятичное значение
%Na	название цвета

Значения красного, зеленого, синего и альфа-канала могут быть отформатированы в следующих форматах:

Formatter	Значение
б	байтовое значение (по умолчанию)
ч	шестнадцатеричная строчная одна цифра
Н	шестнадцатеричная прописная одна цифра
х	шестнадцатеричные строчные две цифры
Х	шестнадцатеричные прописные две цифры
ф	число с плавающей запятой с ведущим нулем
Ф	с плавающей запятой без нуля в начале

Например, %ReX означает красное значение в шестнадцатеричном формате из двух цифр в верхнем регистре.

Цветовой формат может содержать любые слова или символы, которые вы предпочитаете. Например, цветовой формат по умолчанию, который отображается при создании цветового формата: _'новый цвет (R = %Re, G = %Gr, B = %Bl)'_ .

Ограничения

• Палитра цветов не может отображаться поверх меню «Пуск» или Центра уведомлений (вы можете выбрать цвет).
• Если текущее приложение было запущено с правами администратора (Запуск от имени администратора), ярлык активации Color Picker не будет работать, если PowerToys также не был запущен с правами администратора.
• В настоящее время цветовые форматы Wide Color Gamut (WCG) и High Dynamic Range (HDR) не поддерживаются.

Обратная связь

Отправить и просмотреть отзыв для

Этот продукт Эта страница

Просмотреть все отзывы о странице

Online Color Picker (HTML Color Picker)

Используйте цветовую палитру, щелкая и перетаскивая каждый из четырех маркеров вокруг палитры. Выбранные вами цвета отображаются вместе с их шестнадцатеричными кодовыми значениями (также эквивалентными rgb, hsl, hsv и cmyk) в полях под палитрой. Скопируйте выбранное в буфер обмена или сохраните в файл.

Как пользоваться палитрой

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

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

В следующем видео представлены некоторые основы теории цвета, которые помогут вам с выбором.

Что такое RGB?

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

Цвет в цветовой модели RGB описывается указанием количества каждого из красного, зеленого и синий включен. Цвет выражается триплетом RGB (r, g, b), каждый компонент которого может варьироваться. от нуля до определенного максимального значения. Если все компоненты равны нулю, результат черный; если все на максимуме, результатом будет самый яркий представимый белый.

Цвета представлены числами — обычно это дробное значение от 0 до 1 в процентах. от 0% до 100% или как целые числа в диапазоне от 0 до 255, диапазон одного 8-битного байта (инструмент на этой странице используется диапазон от 0 до 255).

Цвет RGB rgb(255,255,255) эквивалентен #FFFFFF в шестнадцатеричном (Hex) представлении. Это десятичное число 255, преобразованное в шестнадцатеричное, равно FF.

Что такое CMYK?

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

Что такое HSL и HSV?

HSL и HSV — два наиболее распространенных представления точек в цилиндрических координатах в цвете RGB. модель. Два представления изменяют геометрию RGB, пытаясь сделать его более интуитивным и понятным. релевантно восприятию, чем декартово (кубическое) представление. Цветовое пространство HSL, разработанное в 1930-х годах для приложений цветного телевидения, позволяло получать информацию о цвете. добавить к существующим черно-белым сигналам, это означает, что, в отличие от предыдущих систем цветности, монохромные приемники могли принимать цветные сигналы, передаваемые с использованием ХСЛ.

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

HSL расшифровывается как оттенок, насыщенность и яркость (или иногда яркость), и его также часто называют HLS. HSV обозначает оттенок, насыщенность и значение, а также часто называется HSB (B для яркости).

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

Количество цветов

5

Цветовой режим шкалы

RGBHSLLABLRGGBHCLHSIHSV

Медианный цвет

Как использовать цветовую шкалу

1. Используйте ползунок, чтобы выбрать количество цветов, которые вы хотите использовать в своей шкале.
2. Нажмите на первую карту на шкале и выберите цвет. Используйте ползунок для настройки яркость.
3. Нажмите на последнюю карту на шкале и выберите цвет. Цветовая гамма есть автоматически создается.
4. Выберите цветовой режим. Окончательные цвета в вашей шкале будут зависеть от цветового режима, в котором каналы интерполируются. Вы получите разные результаты в зависимости от выбранный режим. Например, HSL (оттенок, насыщенность и яркость) и HCL (оттенок, цветность и яркость). Lightness) будет иметь тенденцию создавать более насыщенные цвета.
5. Добавление медианного цвета позволит вам создать расходящуюся шкалу, в которой начальный и конечный цвета расходятся. от среднего цвета. Примечание: выберите нечетное количество цветов в шкале, чтобы обеспечить средний цвет виден.
6. Вы можете скопировать результаты в буфер обмена или экспортировать их в текстовый файл.

Этот инструмент использует библиотеку chromajs для создания цветовых шкал.

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

Режим смешения цветов

MultiplyScreenDarkenLightenOverlayBurnDodge

Как использовать Color Blender

1. Щелкните первую карту , чтобы выбрать цвет. Используйте ползунок для регулировки яркости.
2. Нажмите на последнюю карту и выберите цвет.
3. Выберите режим блендера (например, умножение, затемнение, осветление, экранирование, наложение, затемнение и осветление). Видеть ниже.
4. Вы можете скопировать результаты в буфер обмена или экспортировать их в текстовый файл.

Режимы наложения

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

Multiply

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

Экран

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

Затемнение

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

Светлее

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

Наложение

Этот режим представляет собой комбинацию режимов Умножение и Экран.