Preskoči na vsebino
(+381) 60 3535 720
Moj račun
BeoHosting
BeoHosting
Moj računKontakt
(+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
HITRI ODGOVOR

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+ let izkušenj — Strokovnjaki za spletno gostovanje in infrastrukturo

Zadnja posodobitev:

Color Converter

Vnesite barvo v formatu HEX, RGB ali HSL — orodje samodejno pretvori v vse tri formate.

Predogled

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

RGB drsniki

R (rdeča)255
G (zelena)203
B (modra)5

20 najpogostejših barv

Zasebnost: Vse pretvorbe se izvajajo lokalno v brskalniku z uporabo JavaScript matematičnih funkcij. Vaše barve se NE pošiljajo strežniku.

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

Pripravljeni za zagon svoje strani?

SSL zaščita
Hitrost
24/7 podpora

Pridružite se 4.000+ zadovoljnim strankam. Brezplačna migracija in 15 dni garancije vračila denarja.

Izberi paketKontaktirajte nas
15-dnevna garancija vračila denarja
Brezplačna migracija15 dni garancije24/7 podpora

Pogosta vprašanja - Color Converter

Odgovori na najpogostejša vprašanja o naših storitvah.

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ša jamstva za vaš mir

Zaščiteni z vseh strani

15 dni garancije

Vrnemo denar brez vprašanj v prvih 15 dneh.

Brezplačna migracija

Mi prenesemo vašo stran brez prekinitve — vi ne delate ničesar.

24/7 podpora

Naši strokovnjaki so na voljo 24/7 prek vstopnic in live chata.