Lahendatud: javascript hex to rgb

Kuueteistkümnendsüsteemi värviväärtuste RGB-vormingusse teisendamise peamine probleem on see, et kahe vormingu vahel puudub üks-ühele vastavus. Näiteks värv #FF0000 on RGB-s esindatud kui 255, 0, 0, kuid kuueteistkümnendikul oleks see võrdne värviga #F0. See tähendab, et kahel erineval värvil võib olla sama RGB väärtus, kui need koosnevad iga värvikomponendi erinevast kogusest.

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

"Kasuta rangelt";

See koodirida võimaldab ranget režiimi, mis on viis parema JavaScripti kirjutamiseks. Ranges režiimis ei saa te deklareerimata muutujaid kasutada. See koodirida peab olema teie JavaScripti faili ülaosas, et range režiim töötaks.

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

See on funktsioon, mis teisendab hex värvi väärtuse RGB värvi väärtuseks. Funktsioon võtab sisse ühe parameetri, mis on kuueteistkümnendvärviline väärtus, mida soovite teisendada. Funktsioon kasutab kuueteistkümnendvärviväärtuse mustri sobitamiseks regulaaravaldist ja kui see leiab vaste, tagastab see punase, rohelise ja sinise väärtusega objekti. Kui see vastet ei leia, tagastab see null.

Teisendamine värvide vahel

Sellele küsimusele ei ole ühest vastust, sest parim viis värvide teisendamiseks erinevate värviruumide vahel võib olenevalt teie rakenduse konkreetsetest vajadustest erineda. Kuid mõned näpunäited värvide teisendamiseks JavaScripti värviruumide vahel leiate allpool.

Värvi teisendamiseks ühest värviruumist teise saate kasutada funktsioone rgb() ja hsl(). Nendel funktsioonidel on kolm argumenti: vastavalt punane, roheline ja sinine väärtus. Esimene argument määrab põhivärviruumi (nt RGB), teine ​​ja kolmas argument aga sihtvärviruumi (nt HSL).

Värvi teisendamiseks ühest pikslivormingust teise saate kasutada funktsiooni css(). Sellel funktsioonil on kaks argumenti: string, mis esindab CSS-i atribuudi nime (nt “värv”), ja number, mis tähistab selle atribuudi soovitud väärtust (nt “50”).

Värvivormingud

JavaScriptis saate kasutada mõnda erinevat värvivormingut.

RGB – punane, roheline, sinine

HEX – #RRGBB

HSL – toon, küllastus, kergus