Редактирование: Различные цветовые модели и их использование

[[Виртуальная лаборатория]] > [[Различные цветовые модели и их использование]] <HR>

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

== Цветовая модель RGB ==
[[Файл: RGB illumination.jpg|right|150px|thumb|Аддитивное смешение цветов]]
RGB – аддитивная цветовая модель. Каждый цвет представлен тремя числами – количеством красного, зеленого и синего цвета - отсюда и название модели “RGB” (Red, Green, Blue).

Смешение этих цветов в различных пропорциях дает всю палитру, сумма трех цветов дает белый цвет.
Достаточно часто используется подвид данного цветового пространства - модель RGBA, где A (Alpha) означает прозрачность цвета, т.е. насколько сквозь данный цвет просвечивает фон.

Далее вы можете видеть программу, демонстрирующую принцип работы цветовой модели RGB.
<addscript src=Color_models_v4_RGB_release/><htmlet nocache="yes">Color_models_v4_RGB_TM</htmlet>

== Цветовая модель HSV (HSB) ==
[[Файл: HSV HSL.png|right|400px|thumb|Сравнение моделей HSV и HSL]]
Данная модель очень полезна, если вам необходимо оперировать всем спектром цветов при помощи одной переменной. 
Модель была создана Элви Реем Смитом, одним из основателей Pixar, в 1978 году.

Название модели состоит из первых букв от слов Hue – тон, Saturation – насыщенность и Value – значение (Brightness – яркость). Тон варьируется от 0 до 360° (но часто приводится к диапазону 0—1), насыщенность и яркость – от 0 до 1.

Существует также модель HSL (Hue, Saturation, Lightness – светлота). Отличие от модели HSV вы можете увидеть на картинке справа. 

Далее вы можете видеть программу, демонстрирующую принцип работы цветовой модели HSV.
<addscript src=Color_models_v4_HSV_release/><htmlet nocache="yes">Color_models_v4_HSV_TM</htmlet>

=== Функция перехода HSV->RGB ===
На языке JavaScript: <toggledisplay status=hide showtext="Показать↓" hidetext="Скрыть↑" linkstyle="font-size:default"> 
<source lang="javascript" first-line="1">
function HSVtoRGB(h, s, v) {                    // 0 <= h, s, v <= 1
    var r, g, b, i, f, p, q, t;
    i = Math.floor(h * 6);
    f = h * 6 - i;
    p = v * (1 - s);
    q = v * (1 - f * s);
    t = v * (1 - (1 - f) * s);
    switch (i % 6) {
        case 0: r = v, g = t, b = p; break;
        case 1: r = q, g = v, b = p; break;
        case 2: r = p, g = v, b = t; break;
        case 3: r = p, g = q, b = v; break;
        case 4: r = t, g = p, b = v; break;
        case 5: r = v, g = p, b = q; break;
    }
    return {
        r: Math.floor(r * 255),
        g: Math.floor(g * 255),
        b: Math.floor(b * 255)
    };
}
</source>
</toggledisplay>

=== Функция перехода RGB->HSV ===
[[Функция перехода RGB->HSV (javascript)]]

== HEX-представление цветов ==
При определении цвета в программировании его удобно представлять в виде #RRGGBB, где RR, GG, BB – число от 00 до FF (количество красного, зеленого и синего цвета по модели RGB) в шестнадцатиричной системе исчисления (FF = 255). Например, красный цвет будет представлен как #FF0000, желтый - #FFFF00 (смесь зеленого и красного);
=== Функция перехода RGB->HEX ===
[[Функция перехода RGB->HEX (javascript)]]
=== Функция перехода HSV->HEX ===
[[Функция перехода HSV->HEX (javascript)]] ??? нужна ли


[[Category: Виртуальная лаборатория]]