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.
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
Color Converter
Vnesite barvo v formatu HEX, RGB ali HSL — orodje samodejno pretvori v vse tri formate.
Predogled
RGB drsniki
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.
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.
Pripravljeni za zagon svoje strani?
Pridružite se 4.000+ zadovoljnim strankam. Brezplačna migracija in 30 dni garancije vračila denarja.
Pogosta vprašanja - Color Converter
Odgovori na najpogostejša vprašanja o naših storitvah.
Pokličite nas: podpora deluje 24/7, po telefonu in prek zahtevkov.
(+381) 60 3535 720Kaj je HEX format barve?
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.
Kdaj uporabiti RGB namesto HEX?
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.
Zakaj format HSL olajša delo s temami?
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.
Ali je 8-znakovni HEX (#RRGGBBAA) podprt v vseh brskalnikih?
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.
Ali to orodje shranjuje moje barve na strežnik?
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
30 dni garancije
Vrnemo denar brez vprašanj v prvih 30 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.