Pretvarač boja

Odmah pretvorite između HEX, RGB i HSL formata boja.

Više formata

Pretvorite između HEX (#RGB), RGB (crvena, zelena, plava) i HSL (nijansa, zasićenost, svjetlina) uz pregled u stvarnom vremenu.

Pregled u stvarnom vremenu

Pogledajte boju u stvarnom vremenu dok tipkate. Odmah vizualizirajte kako vaša boja izgleda prije nego što je upotrijebite.

Kopiraj u međuspremnik

Jednim klikom kopirajte bilo koji format. Odmah zalijepite boje u svoj CSS, alate za dizajn ili kod.

Odabir boje

Koristite ugrađeni odabir boje za vizualni odabir boja umjesto tipkanja kodova.

Razumijevanje modela boja

Različiti modeli boja služe različitim svrhama u dizajnu i razvoju. HEX (heksadecimalni) je web standard, RGB predstavlja kako ekrani prikazuju boje, a HSL opisuje boje na ljudski razumljiv način. Svaki format ima jedinstvene prednosti: HEX je sažet, RGB je intuitivan za digitalne prikaze, a HSL olakšava stvaranje varijacija boja podešavanjem svjetline ili zasićenosti.

Primjene za pretvorbu boja

Web dizajneri pretvaraju boje kako bi odgovarale CSS zahtjevima, grafički dizajneri prevode boje brenda između alata, a programeri prilagođavaju sheme boja programatski. HEX je savršen za CSS i HTML, RGB dobro funkcionira za JavaScript operacije na platnu i obradu slika, a HSL se odlično snalazi u stvaranju paleta boja sustavnim variranjem nijanse, zasićenosti ili svjetline za dosljedne dizajne.

Razumijevanje modela boja

HEX koristi osnovnu 16 notaciju (0-9, A-F) gdje #RRGGBB predstavlja crvenu, zelenu i plavu komponentu. RGB koristi decimalne vrijednosti (0-255) za svaki kanal boje. HSL odvaja nijansu (0-360°, pozicija na kotaču boja), zasićenost (0-100%, intenzitet boje) i svjetlinu (0-100%, svjetlost). Pretvaranje između njih zahtijeva matematičke formule—naš alat to automatski obrađuje.

Česta pitanja o pretvaraču boja