Solved: javascript hex to rgb

Ang pangunahing problema sa pag-convert ng mga halaga ng kulay ng hexadecimal sa RGB ay walang isa-sa-isang pagsusulatan sa pagitan ng dalawang format. Halimbawa, ang kulay na #FF0000 ay kinakatawan sa RGB bilang 255, 0, 0, ngunit sa hex ito ay magiging katumbas ng kulay #F0. Nangangahulugan ito na ang dalawang magkaibang kulay ay maaaring magkaroon ng parehong halaga ng RGB kung ang mga ito ay binubuo ng magkaibang halaga ng bawat bahagi ng kulay.

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

"gamitin ang mahigpit";

Ang linya ng code na ito ay nagbibigay-daan sa mahigpit na mode, na isang paraan upang magsulat ng mas mahusay na JavaScript. Sa mahigpit na mode, hindi ka maaaring gumamit ng mga hindi ipinahayag na variable. Ang linya ng code na ito ay dapat na nasa tuktok ng iyong JavaScript file upang gumana ang mahigpit na mode.

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

Ito ay isang function na nagko-convert ng isang hex na halaga ng kulay sa isang halaga ng kulay ng RGB. Ang function ay tumatagal sa isang parameter, na kung saan ay ang hex na halaga ng kulay na gusto mong i-convert. Gumagamit ang function ng isang regular na expression upang tumugma sa pattern ng isang hex na halaga ng kulay, at kung ito ay makahanap ng isang tugma, ito ay magbabalik ng isang bagay na may pula, berde, at asul na mga halaga. Kung hindi ito makahanap ng isang tugma, ito ay magbabalik ng null.

Conversion sa pagitan ng mga kulay

Walang one-size-fits-all na sagot sa tanong na ito, dahil ang pinakamahusay na paraan upang mag-convert ng mga kulay sa pagitan ng iba't ibang kulay na espasyo ay maaaring mag-iba depende sa mga partikular na pangangailangan ng iyong aplikasyon. Gayunpaman, ang ilang mga tip sa kung paano mag-convert ng mga kulay sa pagitan ng mga puwang ng kulay sa JavaScript ay makikita sa ibaba.

Upang mag-convert ng isang kulay mula sa isang puwang ng kulay patungo sa isa pa, maaari mong gamitin ang mga function ng rgb() at hsl(). Ang mga function na ito ay may tatlong argumento: isang pula, berde, at asul na halaga, ayon sa pagkakabanggit. Ang unang argumento ay tumutukoy sa base na espasyo ng kulay (hal. RGB), habang ang pangalawa at pangatlong argumento ay tumutukoy sa target na espasyo ng kulay (hal. HSL).

Upang i-convert ang isang kulay mula sa isang pixel na format patungo sa isa pa, maaari mong gamitin ang css() function. Ang function na ito ay tumatagal ng dalawang argumento: isang string na kumakatawan sa CSS property name (hal. โ€œkulayโ€) at isang numerong kumakatawan sa gustong halaga para sa property na iyon (hal. โ€œ50โ€).

Mga format ng kulay

Mayroong ilang iba't ibang mga format ng kulay na magagamit mo sa JavaScript.

RGB โ€“ Pula, Berde, Asul

HEX โ€“ #RRGGBB

HSL โ€“ Hue, Saturation, Lightness

Kaugnay na mga post:

Mag-iwan ng komento