Kako pretvoriti boje između HEX, RGB i HSL
Web dizajneri i programeri često rade s bojama u različitim formatima u projektima, sustavima dizajna i alatima. Bez obzira mijenjate li se između modela dizajna u HSL-u, CSS datoteke koja koristi RGB ili smjernica robne marke u HEX, znanje o tome kako brzo pretvoriti između ovih formata štedi vrijeme i sprječava pogreške.
Razumijevanje tri glavna formata boja
HEX (heksadecimalni) zapis predstavlja boje kao kodove od šest znakova poput #FF5733, gdje parovi znakova definiraju crveni, zeleni i plavi intenzitet. RGB (crvena, zelena, plava) koristi decimalne vrijednosti od 0-255 za svaki kanal boja—na primjer, rgb(255, 87, 51). HSL (hue, saturation, lightness) opisuje boju pomoću kuta za nijansu (0-360°), postotka za zasićenost (0-100%) i postotka za svjetlinu (0-100%), zapisano kao hsl(9, 100%, 60%).
Zašto pretvarati između formata
Različiti alati i konteksti favoriziraju različite formate. Dizajneri često rade u HSL-u jer je intuitivan za podešavanje svjetline i zasićenosti. Web programeri koriste RGB ili HEX u CSS listovima stilova. Za ispis će možda trebati drugačiji prostor boja. Pretvaranje vam omogućuje premještanje rada između alata bez ručnog ponovnog određivanja boja.
Kako funkcionira konverzija
Pretvaranje između formata uključuje matematičke odnose. HEX-u-RGB je jednostavan: podijelite šest znakova u tri para i svaki pretvorite iz heksadecimalnog (baza 16) u decimalni (baza 10). RGB-to-HSL je složeniji, pronalaženje maksimalne i minimalne vrijednosti kanala, zatim izvođenje nijanse, zasićenosti i svjetline. Obrnuti procesi primjenjuju inverznu matematiku za povratak.
Pretvaranje boja online
Ručni izračun je sklon pogreškama za ponovljene pretvorbe. Koristiti Konverter boja za trenutnu transformaciju između HEX, RGB i HSL. Zalijepite boju u bilo koji format i pogledajte ekvivalente u svim ostalima, eliminirajući potrebu da sami razumijete matematiku.
Osigurajte pristupačan izbor boja
Nakon što pretvorite boju, provjerite zadovoljava li standarde pristupačnosti pomoću Provjera kontrasta kako biste potvrdili dovoljan kontrast s vašim tekstom. Ako trebate inspiraciju za dizajn, Generator slučajnih boja proizvodi nove palete koje zatim možete pretvoriti u željeni format.
Privatnost: boje ostaju na vašem uređaju
Pretvarač boja obrađuje svaku konverziju u vašem pregledniku—nikakvi podaci se ne šalju poslužitelju. Vaše palete boja, dizajni u tijeku i specifikacije robne marke ostaju privatni na vašem uređaju. Alat radi offline nakon učitavanja stranice, tako da možete nastaviti pretvarati boje bez pristupa internetu.