Riješeno: javascript rgb u hex

Posljednje ažuriranje: 09/11/2023

Glavni problem s korištenjem rgb u heksadecimalni je taj što može biti teško zapamtiti koja je boja koja. Na primjer, ako želite promijeniti boju tekstualnog okvira iz crvene u zelenu, prvo biste morali pretvoriti rgb vrijednost u heksadecimalni, a zatim koristiti heksadecimalnu vrijednost umjesto crvene vrijednosti u kodu.

funkcija rgbToHex(r, g, b) {
vrati “#” + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1); }[/code] Ovo je funkcija koja pretvara RGB vrijednosti u heksadecimalnu vrijednost boje. Funkcija uzima 3 parametra, r, g i b koji predstavljaju vrijednosti crvene, zelene i plave boje. Funkcija vraća string koji počinje sa "#" nakon čega slijedi heksadecimalna vrijednost boje. Da bi se dobila heksadecimalna vrijednost, RGB vrijednosti se prvo pretvaraju u jedan broj pomicanjem bitova (<<). Zatim se broj konvertuje u niz u formatu baze 16 pomoću metode toString(). Konačno, niz se isječe od indeksa 1 nadalje kako bi se riješio "0x" na početku.

Pretvarač boja

U JavaScriptu nema ugrađenog pretvarača boja, ali postoji nekoliko biblioteka koje vam mogu pomoći da pretvorite boje. Jedna biblioteka se zove Color.js i pruža zgodan API za pretvaranje boja između različitih formata. Također možete koristiti dodatak za biranje boja za Chrome ili Firefox da jednostavno odaberete boju sa web stranice.

Šta je RGB

?

RGB označava crvenu, zelenu, plavu. RGB je model boja koji određuje kako su boje predstavljene na ekranu računara. U RGB, svaka boja se sastoji od tri komponente: crvene, zelene i plave.

Šta je HEX

?

Hex je format broja koji koristi šest cifara za predstavljanje broja. Heksadecimalni se koristi u informatici i programskim jezicima jer je lakši za rad od binarnog.

Slični postovi: