Preskoči na sadržaj
(+381) 60 3535 720
Moj nalog
BeoHosting
BeoHosting
Moj nalogKontakt
(+381) 60 3535 720
 

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.

Konvertuj bojuHosting paketi
TL;DR

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

BeoHosting Team

10+ godina iskustva — Stručnjaci za web hosting i infrastrukturu

Posljednje ažurirano:

Color Converter

Unesite boju u HEX, RGB ili HSL formatu — alat automatski konvertuje u sva tri formata.

Pregled

#FFCB05
#FFCB05
rgb(255, 203, 5)
hsl(48, 100%, 51%)

RGB slideri

R (crvena)255
G (zelena)203
B (plava)5

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.

Vodič

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.

Povezani alati i usluge

HTML Minifier.htaccess GeneratorMeta Tag AnalyzerJSON FormatterBase64 EnkoderGenerator LozinkiCSS u vašem sajtuWordPress HostingProveri brzinu sajtaKontakt

Spremni da pokrenete svoj sajt?

SSL zaštita
Brzina
24/7 podrška

Pridružite se 4.000+ zadovoljnih korisnika. Besplatna migracija i 15 dana garancije povrata novca.

Izaberite paketKontaktirajte nas
15 dana garancija povrata novca
Besplatna migracija15 dana garancija24/7 podrška

Često postavljana pitanja - Color Converter

Odgovori na najčešća pitanja o našim uslugama.

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.

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.

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, 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.

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

15 dana garancije

Vraćamo novac bez pitanja u prvih 15 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.