Home

Работа с цветом

Внутренние наименования типов данных

• {percent} вещественное число от 0 до 1 включительно 0 = 0% .. 1 = 100%

Как это работает

• Внутреннее приедставление цвета - 4 {percent} компонента (red, green, blue, alpha)

---

Создание объекта цвета

constructor (rgb)

let color = new Color([red, green, blue], alpha = 1, value?);

Создание цвета "напрямую". Скорее всего, вам не придётся использовать этот способ.

Параметр	Тип	Описание
[red, green, blue]	{Array}(3) of {percent}	компоненты цвета
alpha	{percent}	непрозрачность цвета
value	{string?}	название цвета (css)

---

Создание объекта цвета из различных цветовых моделей

Создание объекта цвета из 16-ричной строки RGB (hex / hexa)

static hex

let color = Color.hex(rgb, value?);

Создание цвета из hex-кода цвета (строки длинной 6 или 8 (3 или 4) символов) без ведущей #.

Параметр	Тип	Описание
rgb	{string}	строка с кодом цвета, может иметь вид rgb, rgba, rrggbb, rrggbbaa
value	{string?}	название цвета (css)

Возвращаемое значение	Описание
{Color}	Объект цвета

---

static fromHEX

let color = Color.fromHEX(hex, value?);

Создание цвета из hex-кода цвета

Параметр	Тип	Описание
hex	{string}	строка с кодом цвета, может содержать ведущую #
value	{string?}	название цвета (css)

Возвращаемое значение	Описание
{Color}	Объект цвета

---

static cssHEX

let color = Color.cssHEX(color);

Создание цвета из hex-кода цвета

Параметр	Тип	Описание
color	{string}	строка с кодом цвета, может содержать ведущую #

Возвращаемое значение	Описание
{Color}	Объект цвета

---

Создание объекта цвета из 16-ричной строки RGB (ahex)

static ahex

let color = Color.ahex(argb, value?);

Создание цвета из ahex-кода цвета (строки длинной 8 (или 4) символa) без ведущей #.

AHEX !== HEXA

Параметр	Тип	Описание
argb	{string}	строка с кодом цвета, должна иметь вид argb, или aarrggbb
value	{string?}	название цвета (css)

Возвращаемое значение	Описание
{Color}	Объект цвета

---

static fromAHEX

let color = Color.fromAHEX(ahex, value?);

Создание цвета из ahex-кода цвета

AHEX !== HEXA

Параметр	Тип	Описание
ahex	{string}	строка с ahex-кодом цвета, может содержать ведущую #
value	{string?}	название цвета (css)

Возвращаемое значение	Описание
{Color}	Объект цвета

---

static cssAHEX

let color = Color.cssAHEX(color);

Создание цвета из ahex-кода цвета

AHEX !== HEXA
цветовая модель AHEX не поддерживается CSS, используйе модель HEX / HEXA

Параметр	Тип	Описание
color	{string}	строка с ahex-кодом цвета, может содержать ведущую #

Возвращаемое значение	Описание
{Color}	Объект цвета

---

Создание объекта цвета по модели RGB (rgb / rgba)

static rgb

let color = Color.rgb({r, g, b, a = 1}, value?);

Создание цвета из объекта с ключами r, g, b, a? и значениями типа {percent}

let color = Color.RGB({r: 1, g: 0.5, b: 0});

Параметр	Тип	Описание
{r, g, b, a?}	{object} of {percent}	объект с параметрами цвета
value	{string?}	название цвета (css)

Возвращаемое значение	Описание
{Color}	Объект цвета

---

static RGB

let color = Color.RGB({r, g, b, a?}, value?);

Создание цвета из объекта с ключами r, g, b и значениями типа {byte} и возможным ключом a со значением типа {percent}

let color = Color.RGB({r: 255, g: 128, b: 0});

Параметр	Тип	Описание
{r, g, b, a?}	{object of byte, percent?}	объект с параметрами цвета
value	{string?}	название цвета (css)

Возвращаемое значение	Описание
{Color}	Объект цвета

---

static fromRGB

let color = Color.fromRGB(r, g, b, a?, value?);

Создание цвета из параметров r, g, b типа {byte} и возможным параметром a типа {percent}

let color = Color.fromRGB(255, 128, 0);

Параметр	Тип	Описание
r	{byte}	Компонента красного спектра
g	{byte}	Компонента зелёного спектра
b	{byte}	Компонента синего спектра
a	{percent?}	Непрзрачность цвета
value	{string?}	название цвета (css)

Возвращаемое значение	Описание
{Color}	Объект цвета

---

static cssRGB

let color = Color.cssRGB(color);

Создание цвета из css rgba строки

let color = Color.cssRGB('rgb(255, 128, 0)');

Параметр	Тип	Описание
color	{string}	строка вида rgb({byte}, {byte}, {byte}) или rgba({byte}, {byte}, {byte}, {percent})

Возвращаемое значение	Описание
{Color}	Объект цвета