Preskoči na sadržaj
(+381) 60 3535 720
Moj račun
BeoHosting
BeoHosting
Moj računKontakt
(+381) 60 3535 720
 

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.

Konvertiraj bojuHosting paketi
TL;DR

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 poslužitelj

BeoHosting Team

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

Posljednje ažuriranje:

Color Converter

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

Pregled

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

RGB klizači

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

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 poslužitelj.

Vodič

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.

Povezani alati i usluge

HTML Minifier.htaccess GeneratorMeta Tag AnalyzerJSON FormatterBase64 enkoderGenerator LozinkiCSS na vašoj straniciWordPress HostingProvjeri brzinu straniceKontakt

Spremni za pokretanje svoje stranice?

SSL zaštita
Brzina
24/7 podrška

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

Odaberite paketKontaktirajte nas
15 dana jamstva povrata novca
Besplatna migracija15 dana jamstva24/7 podrška

Često postavljana pitanja - Color Converter

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

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.

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.

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.

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.

Ne. Sve konverzije obavljaju se lokalno u vašem pregledniku koristeći JavaScript matematičke funkcije. Vaše boje se NE šalju na poslužitelj niti se pohranjuju u bazi podataka. Sve je 100 % privatno i radi i offline.

Naša jamstva za vaš mir

Zaštićeni ste sa svake strane

15 dana jamstva

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