An warware: javascript hex zuwa rgb

Babban matsala tare da jujjuya darajar launi hexadecimal zuwa RGB shine cewa babu wasiƙa ɗaya zuwa ɗaya tsakanin sifofin biyu. Misali, launi #FF0000 ana wakilta a cikin RGB azaman 255, 0, 0, amma a hex zai yi daidai da kalar #F0. Wannan yana nufin cewa launuka biyu daban-daban na iya samun ƙimar RGB iri ɗaya idan sun ƙunshi adadi daban-daban na kowane ɓangaren launi.

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

"amfani da tsauri";

Wannan layin lambar yana ba da damar tsayayyen yanayi, wanda shine hanya don rubuta mafi kyawun JavaScript. A cikin tsauraran yanayi, ba za ku iya amfani da masu canjin da ba a bayyana ba. Dole ne wannan layin lambar ya kasance a saman fayil ɗin JavaScript ɗinku domin tsananin yanayin aiki.

aiki hexToRgb(hex) {
var sakamako = /^#?([a-fd]{2})([a-fd]{2})([a-fd]{2})$/i.exec(hex);
mayar da sakamakon? {
r: parseInt (sakamakon[1], 16),
g: parseInt (sakamako[2], 16),
b: parseInt (sakamakon[3], 16)
}: ba;
}

Wannan aikin ne wanda ke canza ƙimar launi hex zuwa ƙimar launi RGB. Ayyukan yana ɗauka a cikin siga guda ɗaya, wanda shine ƙimar launi hex da kuke son juyawa. Aikin yana amfani da furci na yau da kullun don dacewa da ƙirar ƙimar launi hex, kuma idan ya sami ashana, zai dawo da wani abu tare da ƙimar ja, kore, da shuɗi. Idan bai sami ashana ba, zai koma banza.

Juyawa tsakanin launuka

Babu amsa daya-daya-daidai-duk ga wannan tambayar, saboda hanya mafi kyau don canza launuka tsakanin wuraren launi daban-daban na iya bambanta dangane da takamaiman bukatun aikace-aikacenku. Koyaya, ana iya samun wasu nasihu akan yadda ake canza launuka tsakanin wuraren launi a JavaScript a ƙasa.

Don canza launi daga sararin launi ɗaya zuwa wani, zaku iya amfani da ayyukan rgb() da hsl(). Waɗannan ayyuka suna ɗauka cikin gardama guda uku: ƙimar ja, kore, da shuɗi, bi da bi. Muhawara ta farko tana ƙayyadadden wuri mai launi na tushe (misali RGB), yayin da gardama ta biyu da ta uku ke fayyace wurin launi na manufa (misali HSL).

Don canza launi daga tsarin pixel ɗaya zuwa wani, zaku iya amfani da aikin css(). Wannan aikin yana ɗaukar mahawara guda biyu: kirtani mai wakiltar sunan kadarorin CSS (misali “launi”) da lamba mai wakiltar ƙimar da ake so don wannan kadarar (misali “50”).

Tsarin launi

Akwai ƴan nau'ikan launi daban-daban waɗanda zaku iya amfani da su a cikin JavaScript.

RGB - Red, Green, Blue

HEX - #RRGGBB

HSL - Hue, jikewa, Haske