Besplatan alat za web dizajnere
Color Converter — HEX, RGB, HSL Konverter Boja
Konvertirajte boje između HEX, RGB i HSL formata. Live preview, color picker, RGB klizači i 20 najpopularnijih boja. Sve lokalno u pregledniku.
Kako koristiti Color Converter za HEX, RGB i HSL?
Color Converter konvertira boju između 3 standardna web formata u 3 koraka: 1) Unesite vrijednost u bilo kojem formatu — HEX (#FFCB05), RGB (rgb(255, 203, 5)) ili HSL (hsl(48, 100%, 51%)). 2) Alat automatski izračuna druga dva formata + prikaže live preview. 3) Kopirajte željeni format ili koristite RGB klizače za fino ugađanje. Kada koristiti koji format: HEX za CSS i HTML, RGB za JavaScript canvas, HSL za semantičke varijacije (svjetlije/tamnije nijansa). Sve se računa lokalno u pregledniku.
- 3 formata — HEX, RGB, HSL — s live preview
- RGB klizači za fino ugađanje crvene/zelene/plave
- 20 najpopularnijih boja kao quick picker
- Lokalno u pregledniku — bez slanja na server
Color Converter
Unesite boju u HEX, RGB ili HSL formatu — alat automatski konvertira u sva tri formata.
Pregled
RGB klizači
20 najčešćih boja
Privatnost: Sve konverzije obavljaju se lokalno u pregledniku pomoću JavaScript matematičkih funkcija. Vaše boje se NE šalju na server.
HEX, RGB i HSL — kada koji format koristiti
HEX format (#FFCB05) je najčešći u CSS-u i HTML-u — kompaktan i čitljiv. Šest hex znakova predstavlja 3 bajta (crvena/zelena/plava komponenta po 0-255). Postoji i skraćeni 3-znak zapis (#FA0 = #FFAA00) za boje s ponovljenim parovima.
RGB — Red Green Blue
RGB format koristi 3 decimalna broja od 0 do 255 (rgb(255, 203, 5)). Idealan za JavaScript canvas API, programatičko generiranje boja i alpha kanal (rgba). RGB je intuitivan kad miješate primarne boje, ali nije pogodan za varijacije iste boje.
HSL — Hue Saturation Lightness
HSL razdvaja boju u 3 komponente: Hue (nijansa 0-360°, gdje crvena=0, zelena=120, plava=240), Saturation (zasićenost 0-100 %) i Lightness (svjetlina 0-100 %). Idealan za teme i palete — promijenite samo Lightness za hover stanje, ili samo Hue za sekundarne boje.
Spremni za pokretanje svoje stranice?
Pridružite se 4.000+ zadovoljnih korisnika. Besplatna migracija i 30 dana garancije povrata novca.
Često postavljana pitanja - Color Converter
Odgovori na najčešća pitanja o našim uslugama.
Pozovite nas: podrška radi 24/7, telefonom i putem tiketa.
(+381) 60 3535 720Šta je HEX format boje?
HEX (heksadecimalni) format je standardni CSS zapis boja u obliku #RRGGBB. Svaka dvoznamenkasta heksadecimalna vrijednost (00-FF) predstavlja jednu od tri komponente: crvena (RR), zelena (GG), plava (BB). Na primjer, #FFCB05 znači R=255, G=203, B=5 — žuta boja BeoHosting branda.
Kada koristiti RGB umjesto HEX?
RGB format se koristi kada vam treba alpha kanal (transparentnost) — rgba(255, 203, 5, 0.5) — ili kada programatičkim putem generirate boje u JavaScript canvas API-ju, gdje su numeričke vrijednosti pogodnije. HEX je kompaktniji za statički CSS, dok je RGB čitljiviji za dinamičke vrijednosti.
Zašto HSL format olakšava rad s temama?
HSL razdvaja boju u tri intuitivne komponente: Hue, Saturation, Lightness. Da napravite hover stanje, smanjite Lightness za 5-10 % bez mijenjanja nijanse. Da napravite sekundarnu boju, promijenite samo Hue za 30-60°. RGB i HEX zahtijevaju kompleksnu matematiku za iste rezultate.
Je li 8-znak HEX (#RRGGBBAA) podržan u svim preglednicima?
Da, od 2018. svi moderni preglednici (Chrome 62+, Firefox 49+, Safari 10+) podržavaju 8-znak HEX s alpha kanalom: #FFCB0580 znači 50 % transparentnost. Za stare preglednike (IE) koristite rgba() koji ima univerzalnu podršku.
Pohranjuje li ovaj alat moje boje na serveru?
Ne. Sve konverzije obavljaju se lokalno u vašem pregledniku koristeći JavaScript matematičke funkcije. Vaše boje se NE šalju na server niti se pohranjuju u bazi podataka. Sve je 100 % privatno i radi i offline.
Naša garancije za vaš mir
Zaštićeni ste sa svake strane
30 dana garancije
Vraćamo novac bez pitanja u prvih 30 dana.
Besplatna migracija
Mi prebacujemo vašu stranicu bez prekida — vi ne radite ništa.
24/7 podrška
Naši stručnjaci su tu 24/7 putem tiketa i live chata.