Решено: јавасцрипт хексадецимални у ргб

Главни проблем са претварањем хексадецималних вредности боја у РГБ је тај што нема кореспонденције један-на-један између два формата. На пример, боја #ФФ0000 је представљена у РГБ као 255, 0, 0, али у хексадецималној би била једнака боји #Ф0. То значи да две различите боје могу имати исту РГБ вредност ако се састоје од различитих количина сваке компоненте боје.

"use strict";

function hexToRgb(hex) {
    var result = /^#?([a-fd]{2})([a-fd]{2})([a-fd]{2})$/i.exec(hex);
    return result ? {
        r: parseInt(result[1], 16),
        g: parseInt(result[2], 16),
        b: parseInt(result[3], 16)
    } : null;
}

„Користи строго“;

Ова линија кода омогућава строги режим, што је начин да се напише бољи ЈаваСцрипт. У строгом режиму, не можете користити недекларисане варијабле. Ова линија кода мора бити на врху ваше ЈаваСцрипт датотеке да би строги режим функционисао.

функција хекТоРгб(хек) {
вар резултат = /^#?([а-фд]{2})([а-фд]{2})([а-фд]{2})$/и.екец(хек);
вратити резултат? {
р: парсеИнт(резултат[1], 16),
г: парсеИнт(резултат[2], 16),
б: парсеИнт(резултат[3], 16)
} : нула;
}

Ово је функција која конвертује хексадецималну вредност боје у РГБ вредност боје. Функција узима један параметар, а то је хексадецимална вредност боје коју желите да конвертујете. Функција користи регуларни израз за подударање са шаблоном хексадецималне вредности боје, а ако пронађе подударање, вратиће објекат са црвеном, зеленом и плавом вредношћу. Ако не пронађе подударање, вратиће нулл.

Конверзија између боја

Не постоји јединствен одговор на ово питање, јер најбољи начин за конверзију боја између различитих простора боја може варирати у зависности од специфичних потреба ваше апликације. Међутим, неки савети о томе како да конвертујете боје између простора боја у ЈаваСцрипт-у можете пронаћи у наставку.

Да бисте претворили боју из једног простора боја у други, можете користити функције ргб() и хсл(). Ове функције узимају три аргумента: црвену, зелену и плаву вредност, респективно. Први аргумент специфицира основни простор боја (нпр. РГБ), док други и трећи аргумент одређују циљни простор боја (нпр. ХСЛ).

Да бисте претворили боју из једног формата пиксела у други, можете користити функцију цсс(). Ова функција узима два аргумента: стринг који представља име ЦСС својства (нпр. „боја“) и број који представља жељену вредност тог својства (нпр. „50“).

Формати боја

Постоји неколико различитих формата боја које можете користити у ЈаваСцрипт-у.

РГБ – црвена, зелена, плава

ХЕКС – #РРГГББ

ХСЛ – нијанса, засићеност, светлост

Релатед постс:

Оставите коментар