Редактирование: Различные цветовые модели и их использование
Внимание! Вы не авторизовались на сайте. Ваш IP-адрес будет публично видимым, если вы будете вносить любые правки. Если вы войдёте или создадите учётную запись, правки вместо этого будут связаны с вашим именем пользователя, а также у вас появятся другие преимущества.
Правка может быть отменена. Пожалуйста, просмотрите сравнение версий, чтобы убедиться, что это именно те изменения, которые вас интересуют, и нажмите «Записать страницу», чтобы изменения вступили в силу.
Текущая версия | Ваш текст | ||
Строка 12: | Строка 12: | ||
Далее вы можете видеть программу, демонстрирующую принцип работы цветовой модели RGB. | Далее вы можете видеть программу, демонстрирующую принцип работы цветовой модели RGB. | ||
− | <htmlet nocache="yes"> | + | <addscript src=Color_models_v4_RGB_release/><htmlet nocache="yes">Color_models_v4_RGB_TM</htmlet> |
== Цветовая модель HSV (HSB) == | == Цветовая модель HSV (HSB) == | ||
Строка 24: | Строка 24: | ||
Далее вы можете видеть программу, демонстрирующую принцип работы цветовой модели HSV. | Далее вы можете видеть программу, демонстрирующую принцип работы цветовой модели HSV. | ||
− | <htmlet nocache="yes"> | + | <addscript src=Color_models_v4_HSV_release/><htmlet nocache="yes">Color_models_v4_HSV_TM</htmlet> |
=== Функция перехода HSV->RGB === | === Функция перехода HSV->RGB === | ||
− | < | + | На языке JavaScript: <toggledisplay status=hide showtext="Показать↓" hidetext="Скрыть↑" linkstyle="font-size:default"> |
− | + | <source lang="javascript" first-line="1"> | |
− | < | ||
function HSVtoRGB(h, s, v) { // h, s, v: [0, 1] | function HSVtoRGB(h, s, v) { // h, s, v: [0, 1] | ||
var r, g, b, i, f, p, q, t; | var r, g, b, i, f, p, q, t; | ||
Строка 51: | Строка 50: | ||
}; | }; | ||
} | } | ||
− | </ | + | </source> |
Использование: | Использование: | ||
− | < | + | <source lang="javascript" first-line="1"> |
var rgb = HSVtoRGB(hue / 360, sat, val); // hue: [0, 360]; sat и val: [0, 1] | var rgb = HSVtoRGB(hue / 360, sat, val); // hue: [0, 360]; sat и val: [0, 1] | ||
alert(rgb.r + " " + rgb.g + " " + rgb.b); | alert(rgb.r + " " + rgb.g + " " + rgb.b); | ||
− | </ | + | </source> |
− | </ | + | </toggledisplay> |
− | |||
== HEX-представление цветов == | == HEX-представление цветов == | ||
− | + | При определении цвета в программировании его удобно представлять в виде #RRGGBB, где RR, GG, BB – число от 00 до FF (количество красного, зеленого и синего цвета по модели RGB) в шестнадцатиричной системе исчисления (FF = 255). Например, красный цвет будет представлен как #FF0000, желтый - #FFFF00 (смесь зеленого и красного); | |
=== Функция перехода RGB->HEX === | === Функция перехода RGB->HEX === | ||
− | < | + | На языке JavaScript: <toggledisplay status=hide showtext="Показать↓" hidetext="Скрыть↑" linkstyle="font-size:default"> |
− | + | <source lang="javascript" first-line="1"> | |
− | < | ||
function RGBtoHEX(r, g, b) { // r, g, b: [0, 255] | function RGBtoHEX(r, g, b) { // r, g, b: [0, 255] | ||
return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1); | return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1); | ||
} | } | ||
− | </ | + | </source> |
− | </ | + | </toggledisplay> |
− | |||
=== Переход HSV->HEX === | === Переход HSV->HEX === | ||
Для перехода HSV->HEX используйте цепочку HSV->RGB->HEX | Для перехода HSV->HEX используйте цепочку HSV->RGB->HEX | ||
− | |||
− | |||
[[Category: Виртуальная лаборатория]] | [[Category: Виртуальная лаборатория]] |