Поиск…


Вступление

В этой статье будут показаны различные форматы цветов в разделе «Обработка» и способы их использования.

Синтаксис

  • цвет (r, g, b);
  • цвет (r, g, b, альфа);
  • цвет (серый);
  • цвет (серый, альфа);
  • цвет (h, s, l); // Режим должен быть HSB. Вы можете изменить это с помощью colorMode.

параметры

параметры подробности
р Красный цвет, когда режим RGB .
г Является зеленым цветом, когда режим RGB .
б Является синим цветом, когда режим RGB .
альфа Является непрозрачностью цвета.
час Цветовая гамма цвета, когда режим HSB .
s Насыщенность цвета, когда режим HSB .
L Яркость / яркость цвета, когда режим HSB .
серый Значение между черным (0) и белым (255).

замечания

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

Обозначение цвета

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

RGB и RGBA

Это стандартная нотация RGB (A) и цветной режим по умолчанию. Первые три значения цвета (красный, зеленый, синий) варьируются от 0 до 255 . Например, приведенный ниже пример является красным цветом, так как красное максимальное значение равно 255 а остальные цвета - 0 . Белый находится на (255, 255, 255) а черный - (0, 0, 0) . Необязательный 4-й параметр указывает альфа-значение, то есть прозрачность. Как и в других компонентах, диапазон значений снова [0-255]; 0 является полностью прозрачным и 255 полностью твердым.

color(255, 0, 0) // This is red

color(0, 255, 0, 255) // This is opaque green, and is the same as color(0, 255, 0)

color(255, 255, 0, 10) // This is almost transparent yellow

HSB

HSB-нотация похожа на нотацию RGB, за исключением того факта, что красный, зеленый и синий заменяются оттенком, насыщенностью и яркостью соответственно. Вы можете переключиться на HSB с помощью colorMode(HSB) .

color(0, 0, 255) //This is white

Как и в случае с RGB, HSB также имеет значение альфа в качестве четвертого параметра.

Серые значения

Если один параметр указан для цветовой функции, он будет интерпретироваться как количество между черным и белым. Белый представлен как 255, а черный - как 0. Он совпадает с color(param1, param1, param1) в режиме RGB. Если указаны два параметра, то первый параметр будет интерпретироваться так, как указано выше, а второй будет альфа-значением.



Modified text is an extract of the original Stack Overflow Documentation
Лицензировано согласно CC BY-SA 3.0
Не связан с Stack Overflow