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

Brezplačno orodje za spletne oblikovalce

Color Converter — Pretvornik barv HEX, RGB, HSL

Pretvarjajte barve med formati HEX, RGB in HSL. Sproten predogled, color picker, RGB drsniki in 20 najpopularnejših barv. Vse lokalno v brskalniku.

Pretvori barvoGostovanje paketi
TL;DR

Kako uporabiti Color Converter za HEX, RGB in HSL?

Color Converter pretvori barvo med 3 standardnimi spletnimi formati v 3 korakih: 1) Vnesite vrednost v poljubnem formatu — HEX (#FFCB05), RGB (rgb(255, 203, 5)) ali HSL (hsl(48, 100%, 51%)). 2) Orodje samodejno izračuna druga dva formata + prikaže sproten predogled. 3) Kopirajte želeni format ali uporabite RGB drsnike za natančno nastavitev. Kdaj uporabiti kateri format: HEX za CSS in HTML, RGB za JavaScript canvas, HSL za semantične variacije (svetlejši/temnejši odtenek). Vse se računa lokalno v brskalniku.

  • 3 formati — HEX, RGB, HSL — s sprotnim predogledom
  • RGB drsniki za natančno nastavitev rdeče/zelene/modre
  • 20 najpopularnejših barv kot quick picker
  • Lokalno v brskalniku — brez pošiljanja na strežnik

BeoHosting Team

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

Poslednje 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 pregledacu pomoću JavaScript matematickih funkcija. Vaše boje se NE šalju na server.

Vodnik

HEX, RGB in HSL — kdaj uporabiti kateri format

HEX format (#FFCB05) je najpogostejši v CSS in HTML — kompakten in berljiv. Šest šestnajstiških znakov predstavlja 3 bajte (rdeča/zelena/modra komponenta po 0-255). Obstaja tudi skrajšan 3-znakovni zapis (#FA0 = #FFAA00) za barve s ponovljenimi pari.

RGB — Red Green Blue

Format RGB uporablja 3 decimalna števila od 0 do 255 (rgb(255, 203, 5)). Idealen za JavaScript canvas API, programsko generiranje barv in alpha kanal (rgba). RGB je intuitiven, kadar mešate primarne barve, vendar ni primeren za variacije iste barve.

HSL — Hue Saturation Lightness

HSL loči barvo na 3 komponente: Hue (odtenek 0-360°, kjer rdeča=0, zelena=120, modra=240), Saturation (nasičenost 0-100 %) in Lightness (svetlost 0-100 %). Idealen za teme in palete — spremenite samo Lightness za stanje hover ali samo Hue za sekundarne barve.

Sorodna orodja in storitve

HTML Minifier.htaccess GeneratorMeta Tag AnalyzerJSON FormatterBase64 kodirnikGenerator geselCSS na vaši straniWordPress HostingPreveri hitrost straniKontakt

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

Pogosta vprašanja - Color Converter

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

HEX (šestnajstiški) format je standardni CSS zapis barv v obliki #RRGGBB. Vsaka dvomestna šestnajstiška vrednost (00-FF) predstavlja eno od treh komponent: rdeča (RR), zelena (GG), modra (BB). Na primer, #FFCB05 pomeni R=255, G=203, B=5 — rumena barva blagovne znamke BeoHosting.

Format RGB se uporablja, kadar potrebujete alpha kanal (prosojnost) — rgba(255, 203, 5, 0.5) — ali kadar programsko generirate barve v JavaScript canvas API-ju, kjer so numerične vrednosti bolj primerne. HEX je kompaktnejši za statični CSS, medtem ko je RGB bolj berljiv za dinamične vrednosti.

HSL loči barvo na tri intuitivne komponente: Hue, Saturation, Lightness. Za stanje hover zmanjšajte Lightness za 5-10 % brez spreminjanja odtenka. Za sekundarno barvo spremenite samo Hue za 30-60°. RGB in HEX zahtevata kompleksno matematiko za iste rezultate.

Da, od leta 2018 vsi sodobni brskalniki (Chrome 62+, Firefox 49+, Safari 10+) podpirajo 8-znakovni HEX z alpha kanalom: #FFCB0580 pomeni 50 % prosojnost. Za stare brskalnike (IE) uporabite rgba(), ki ima univerzalno podporo.

Ne. Vse pretvorbe se izvajajo lokalno v vašem brskalniku z uporabo JavaScript matematičnih funkcij. Vaše barve se NE pošiljajo strežniku niti se ne shranjujejo v bazi podatkov. Vse je 100 % zasebno in deluje tudi brez povezave.

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.