Isonjululwe: i-javascript hex ukuya kwi-rgb

Eyona ngxaki iphambili ekuguquleni amaxabiso ombala we-hexadecimal kwi-RGB kukuba akukho mbalelwano omnye komnye phakathi kwezi fom zimbini. Umzekelo, umbala #FF0000 umelwe kwi-RGB njengo-255, 0, 0, kodwa kwi-hex ingalingana nombala #F0. Oku kuthetha ukuba imibala emibini eyahlukeneyo inokuba nexabiso elifanayo le-RGB ukuba yenziwe ngezixa ezahlukeneyo zecandelo lombala ngalinye.

"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 ngokungqongqo”;

Lo mgca wekhowudi wenza indlela engqongqo, eyindlela yokubhala ngcono iJavaScript. Kwimo engqongqo, awukwazi ukusebenzisa iinguqu ezingachazwanga. Lo mgca wekhowudi kufuneka ube phezulu kwifayile yeJavaScript yakho ukuze indlela engqongqo isebenze.

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

Lo ngumsebenzi oguqula ixabiso lombala we-hex kwixabiso lombala we-RGB. Umsebenzi uthatha kwiparameter enye, elixabiso lombala we-hex ofuna ukuliguqula. Umsebenzi usebenzisa intetho eqhelekileyo ukutshatisa ipateni yexabiso lombala we-hex, kwaye ukuba ifumana uthelekiso, iyakubuyisela into enebomvu, eluhlaza, namaxabiso abhlowu. Ukuba ayifumani imatshisi, iya kubuya ilize.

Ukuguqulwa phakathi kwemibala

Akukho mpendulo ilinganayo kulo mbuzo, njengeyona ndlela ingcono yokuguqula imibala phakathi kwezithuba zemibala eyahlukileyo inokwahluka ngokuxhomekeke kwiimfuno zesicelo sakho. Nangona kunjalo, ezinye iingcebiso malunga nendlela yokuguqula imibala phakathi kwezithuba zemibala kwiJavaScript inokufumaneka ngezantsi.

Ukuguqula umbala ukusuka komnye umbala ukuya kwesinye, ungasebenzisa i rgb() kunye ne hsl() imisebenzi. Le misebenzi ithatha iingxoxo ezintathu: ixabiso elibomvu, eliluhlaza, neliluhlaza okwesibhakabhaka, ngokulandelelanayo. Ingxoxo yokuqala ixela isiseko sombala wesithuba (umz. RGB), ngelixa iimpikiswano zesibini nezesithathu zichaza indawo yombala ekujoliswe kuyo (umz. HSL).

Ukuguqula umbala ukusuka kwifomati yepikseli enye ukuya kwenye, ungasebenzisa umsebenzi we css (). Lo msebenzi uthatha iimpikiswano ezimbini: umtya omele igama lepropati le-CSS (umzekelo “umbala”) kunye nenani elimele ixabiso elifunekayo laloo mpahla (umz. “50”).

Iifomathi zombala

Kukho iifomati ezimbalwa ezahlukeneyo zemibala onokuzisebenzisa kwiJavaScript.

RGB – Ebomvu, eluhlaza, eluhlaza

HEX – #RRGGBB

HSL – Hue, Saturation, Lightness