Besplatan alat za web dizajnere
Color Converter — HEX, RGB, HSL Konverter Boja
Konvertujte boje između HEX, RGB i HSL formata. Live preview, color picker, RGB slideri i 20 najpopularnijih boja. Sve lokalno u pregledaču.
Kako koristiti Color Converter za HEX, RGB i HSL?
Color Converter konvertuje boju između 3 standardna web formata u 3 koraka: 1) Unesite vrijednost u bilo kom 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 slidere za fino podešavanje. 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 pregledaču.
- 3 formata — HEX, RGB, HSL — sa live preview
- RGB slideri za fino podešavanje crvene/zelene/plave
- 20 najpopularnijih boja kao quick picker
- Lokalno u pregledaču — bez slanja na server
Color Converter
Unesite boju u HEX, RGB ili HSL formatu — alat automatski konvertuje u sva tri formata.
Pregled
RGB slideri
20 najčešćih boja
Privatnost: Sve konverzije se vrše lokalno u pregledaču 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 i HTML — kompaktan i čitljiv. Šest hex karaktera predstavlja 3 bajta (crvena/zelena/plava komponenta po 0-255). Postoji i skraćeni 3-karakter zapis (#FA0 = #FFAA00) za boje sa ponovljenim parovima.
RGB — Red Green Blue
RGB format koristi 3 djecimalna broja od 0 do 255 (rgb(255, 203, 5)). Idealan za JavaScript canvas API, programatičko generisanje boja i alpha kanal (rgba). RGB je intuitivan kad meš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 da pokrenete svoj sajt?
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 kroz tikete.
(+381) 60 3535 720Šta je HEX format boje?
HEX (heksadjecimalni) format je standardni CSS zapis boja u obliku #RRGGBB. Svaka dvocifrena heksadjecimalna 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 generišete boje u JavaScript canvas API-ju, gdje su numericke vrijednosti pogodnije. HEX je kompaktniji za statički CSS, dok je RGB čitljiviji za dinamičke vrijednosti.
Zašto HSL format olakšava rad sa temama?
HSL razdvaja boju u tri intuitivne komponente: Hue (nijansa), Saturation (zasićenost), Lightness (svjetlina). 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.
Da li je 8-karakter HEX (#RRGGBBAA) podržan u svim pregledačima?
Da, od 2018. svi moderni pregledači (Chrome 62+, Firefox 49+, Safari 10+) podržavaju 8-karakter HEX sa alpha kanalom: #FFCB0580 znači 50% transparentnost. Za stare pregledače (IE) koristite rgba() koji ima univerzalnu podršku.
Da li ovaj alat čuva moje boje na serveru?
Ne. Sve konverzije se vrše lokalno u vašem pregledaču koristeći JavaScript matematičke funkcije. Vaše boje se NE šalju na server niti se čuvaju u bazi podataka. Sve je 100% privatno i radi i offline.
Naše 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 prebacimo vaš sajt bez prekida — vi ništa ne radite.
24/7 podrška
Naši stručnjaci su tu 24/7 kroz tikete i live chat.