La xaliyay: javascript hex ilaa rgb

Dhibaatada ugu weyn ee u beddelashada qiyamka midabka hexadecimal ee RGB waa in aysan jirin warqad hal-hal-hal ah oo u dhexeysa labada qaab. Tusaale ahaan, midabka #FF0000 wuxuu u taagan yahay RGB sida 255, 0, 0, laakiin hex ahaan wuxuu la mid noqonayaa midabka #F0. Tani waxay ka dhigan tahay in laba midab oo kala duwan ay yeelan karaan isla qiimaha RGB haddii ay ka kooban yihiin xaddi kala duwan oo qayb kasta oo midab ah.

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

"isticmaal adag";

Xariiqan koodka ayaa awood u siinaya hab adag, kaas oo ah hab lagu qoro JavaScript ka wanaagsan. Habka adag, ma isticmaali kartid doorsoomayaal aan la shaacin. Sadar koodka waa inuu ahaadaa meesha ugu sarreysa faylkaaga JavaScript si hab adag u shaqeeyo.

shaqada hexToRgb(hex) {
var natiijada = /^#?([a-fd]{2}) ([a-fd]{2})([a-fd]{2})$/i.exec(hex);
soo celinta natiijada ? {
r: parseInt (natiijada[1], 16),
g: parseInt (natiijada[2], 16),
b: parseInt (natiijada[3], 16)
}: waxba;
}

Tani waa shaqo u beddesha qiimaha midabka hex ee qiimaha midabka RGB. Shaqadu waxay ku qaadataa halbeeg, kaas oo ah qiimaha midabka hex ee aad rabto inaad beddesho. Shaqadu waxay isticmaashaa tibaax joogto ah si ay u dhigto qaabka qiimaha midabka hex, iyo haddii ay hesho tabar, waxay ku soo celin doontaa shay leh qiimaha casaanka, cagaarka iyo buluugga. Haddii ay waydo kabriid, way soo noqonaysaa waxba.

Isbeddelka u dhexeeya midabada

Ma jirto jawaab hal-cabbir ah oo ku habboon-dhammaan su'aashan, maadaama habka ugu wanaagsan ee loogu beddeli karo midabada u dhexeeya meelaha midabada kala duwani way kala duwanaan kartaa iyadoo ku xidhan baahiyaha gaarka ah ee codsigaaga. Si kastaba ha ahaatee, qaar ka mid ah talooyinka ku saabsan sida loogu beddelo midabada u dhexeeya meelaha midabka JavaScript ayaa laga heli karaa hoosta.

Si aad midab meel ka mid ah u beddesho mid kale, waxaad isticmaali kartaa hawlaha rgb() iyo hsl(). Hawlahani waxay qaataan saddex doodood: casaan, cagaar, iyo buluug, siday u kala horreeyaan. Doodda koowaad waxay qeexaysaa booska midabka salka (tusaale RGB), halka dooda labaad iyo saddexaad ay tilmaamayaan meesha midabka bartilmaameedka ah (tusaale HSL).

Si aad midabka hal qaab pixel ugu beddelato mid kale, waxaad isticmaali kartaa shaqada css(). Hawshani waxa ay qaadanaysaa laba doodood: xadhig ka turjumaya magaca hantida CSS (tusaale “midabka”) iyo tiro ka dhigan qiimaha la rabo ee hantidaas (tusaale “50”).

Qaababka midabka

Waxaa jira qaabab midab kala duwan oo aad ku isticmaali karto JavaScript.

RGB - Cas, Cagaar, buluug

HEX - #RRGGBB

HSL - Hue, Saturation, Iftiin