Rezolvat: javascript hex la rgb

Principala problemă cu conversia valorilor de culoare hexazecimale în RGB este că nu există o corespondență unu-la-unu între cele două formate. De exemplu, culoarea #FF0000 este reprezentată în RGB ca 255, 0, 0, dar în hex ar fi egală cu culoarea #F0. Aceasta înseamnă că două culori diferite pot avea aceeași valoare RGB dacă sunt compuse din cantități diferite din fiecare componentă de culoare.

"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;
}

„Folosiți strict”;

Această linie de cod activează modul strict, care este o modalitate de a scrie JavaScript mai bun. În modul strict, nu puteți utiliza variabile nedeclarate. Această linie de cod trebuie să fie în partea de sus a fișierului JavaScript pentru ca modul strict să funcționeze.

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

Aceasta este o funcție care convertește o valoare de culoare hexadecimală într-o valoare de culoare RGB. Funcția preia un parametru, care este valoarea culorii hexadecimale pe care doriți să o convertiți. Funcția folosește o expresie regulată pentru a se potrivi cu modelul unei valori de culoare hexadecimale și, dacă găsește o potrivire, va returna un obiect cu valorile roșu, verde și albastru. Dacă nu găsește o potrivire, va returna null.

Conversie între culori

Nu există un răspuns unic la această întrebare, deoarece cea mai bună modalitate de a converti culorile între diferite spații de culoare poate varia în funcție de nevoile specifice ale aplicației dvs. Cu toate acestea, câteva sfaturi despre cum să convertiți culorile între spațiile de culoare în JavaScript pot fi găsite mai jos.

Pentru a converti o culoare dintr-un spațiu de culoare în altul, puteți utiliza funcțiile rgb() și hsl(). Aceste funcții preiau trei argumente: o valoare roșie, verde și, respectiv, albastră. Primul argument specifică spațiul de culoare de bază (de ex. RGB), în timp ce al doilea și al treilea argument specifică spațiul de culoare țintă (de ex. HSL).

Pentru a converti o culoare dintr-un format de pixel în altul, puteți utiliza funcția css(). Această funcție are două argumente: un șir care reprezintă numele proprietății CSS (de exemplu, „culoare”) și un număr care reprezintă valoarea dorită pentru acea proprietate (de exemplu, „50”).

Formate de culoare

Există câteva formate de culoare diferite pe care le puteți utiliza în JavaScript.

RGB – roșu, verde, albastru

HEX – #RRGGBB

HSL – Nuanță, Saturație, Luminozitate