Kuxazululiwe: i-javascript hex kuya ku-rgb

Inkinga enkulu ngokuguqula amanani ombala we-hexadecimal abe i-RGB ukuthi akukho ukuxhumana okukodwa kuya koyedwa phakathi kwamafomethi amabili. Isibonelo, umbala othi #FF0000 umelwe ku-RGB njengo-255, 0, 0, kodwa ku-hex uzolingana nombala #F0. Lokhu kusho ukuthi imibala emibili ehlukene ingaba nenani elifanayo le-RGB uma yakhiwe amanani ahlukene engxenye ngayinye yombala.

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

"sebenzisa ngokuqinile";

Lo mugqa wekhodi unika amandla imodi eqinile, okuyindlela yokubhala i-JavaScript engcono. Ngemodi eqinile, awukwazi ukusebenzisa okuguquguqukayo okungachazwanga. Lo mugqa wekhodi kufanele ube phezulu efayeleni lakho le-JavaScript ukuze imodi eqinile isebenze.

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

Lona umsebenzi oguqula inani lombala we-hex libe inani lombala we-RGB. Umsebenzi uthatha ipharamitha eyodwa, okuyinani lombala we-hex ofuna ukuliguqula. Umsebenzi usebenzisa isisho esivamile ukuze sifane nephethini yenani lombala we-hex, futhi uma uthola okufanayo, uzobuyisela into enamanani abomvu, aluhlaza, naluhlaza okwesibhakabhaka. Uma ingakutholi okufanayo, izobuya ize.

Ukuguqulwa phakathi kwemibala

Ayikho impendulo elingana nosayizi owodwa kulo mbuzo, njengoba indlela engcono kakhulu yokuguqula imibala phakathi kwezikhala ezinemibala ehlukene ingase yehluke kuye ngezidingo ezithile zohlelo lwakho lokusebenza. Nokho, amanye amathiphu okuthi ungayiguqula kanjani imibala phakathi kwezikhala zemibala ku-JavaScript angatholakala ngezansi.

Ukuze uguqule umbala usuke kwesinye isikhala sombala uye kwesinye, ungasebenzisa imisebenzi ethi rgb() kanye ne-hsl(). Le misebenzi ithatha izimpikiswano ezintathu: inani elibomvu, eliluhlaza, neliluhlaza okwesibhakabhaka, ngokulandelanayo. I-agumenti yokuqala icacisa indawo yombala wesisekelo (isb. i-RGB), kuyilapho ukuphikisana kwesibili nokwesithathu kucacisa isikhala sombala okuhlosiwe (isb. HSL).

Ukuguqula umbala usuke kufomethi yephikseli eyodwa uye kwenye, ungasebenzisa umsebenzi we-css(). Lo msebenzi uthatha ama-agumenti amabili: iyunithi yezinhlamvu emele igama lesakhiwo se-CSS (isb. “umbala”) kanye nenombolo emelela inani elifunekayo laleso sakhiwo (isb. “50”).

Amafomethi ombala

Kunamafomethi ambalwa ahlukene ombala ongawasebenzisa ku-JavaScript.

I-RGB – Ebomvu, Eluhlaza, Eluhlaza okwesibhakabhaka

I-HEX - #RRGGBB

HSL – Hue, Saturation, Lightness