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

Bezplatný nástroj pro webové designéry

Konvertor barev — převodník HEX, RGB, HSL

Převádějte barvy mezi formáty HEX, RGB a HSL. Živý náhled, výběr barvy, RGB posuvníky a 20 nejoblíbenějších barev. Vše lokálně v prohlížeči.

Převést barvuHostingové tarify
TL;DR

Jak používat konvertor barev pro HEX, RGB a HSL?

Konvertor barev převede barvu mezi 3 standardními webovými formáty ve 3 krocích: 1) Zadejte hodnotu v libovolném formátu — HEX (#FFCB05), RGB (rgb(255, 203, 5)) nebo HSL (hsl(48, 100%, 51%)). 2) Nástroj automaticky vypočítá zbývající dva formáty + zobrazí živý náhled. 3) Zkopírujte požadovaný formát nebo použijte RGB posuvníky pro jemné doladění. Kdy použít který formát: HEX pro CSS a HTML, RGB pro JavaScript canvas, HSL pro sémantické variace (světlejší/tmavší odstín). Vše se počítá lokálně v prohlížeči.

  • 3 formáty — HEX, RGB, HSL — s živým náhledem
  • RGB posuvníky pro jemné doladění červené/zelené/měsdré
  • 20 nejoblíbenějších barev jako rychlý výběr
  • Lokálně v prohlížeči — bez odesílání na server

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.

Průvodce

HEX, RGB a HSL — kdy použít který formát

Formát HEX (#FFCB05) je nejběžnější v CSS a HTML — kompaktní a čitelný. Šest hex znaků reprezentuje 3 bajty (složky červená/zelená/měsdrá, každá 0–255). Existuje také zkrácený 3znakový zápis (#FA0 = #FFAA00) pro barvy s opakujícími se páry.

RGB — Red Green Blue

Formát RGB používá 3 desítková čísla od 0 do 255 (rgb(255, 203, 5)). Ideální pro JavaScript canvas API, programové generování barev a alfa kanál (rgba). RGB je intuitivní při míchání základních barev, ale nehodí se pro variace téže barvy.

HSL — Hue Saturation Lightness

HSL rozděluje barvu do 3 složek: Hue (0–360°, kde červená=0, zelená=120, modrá=240), Saturation (0–100 %) a Lightness (0–100 %). Ideální pro motivy a palety — pro hover stav změňte jen Lightness, nebo jen Hue pro sekundární barvy.

Související nástroje a služby

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

Často kladené dotazy – Konvertor barev

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

HEX (hexadecimální) je standardní CSS zápis barvy ve tvaru #RRGGBB. Každá dvouciferná hexadecimální hodnota (00–FF) reprezentuje jednu ze tří složek: červená (RR), zelená (GG), modrá (BB). Například #FFCB05 znamená R=255, G=203, B=5 — žlutá barva značky BeoHosting.

Formát RGB se používá, když potřebujete alfa kanál (průhlednost) — rgba(255, 203, 5, 0.5) — nebo když programově generujete barvy v JavaScript canvas API, kde jsou číselné hodnoty pohodlnější. HEX je kompaktnější pro statické CSS, zatímco RGB je čitelnější pro dynamické hodnoty.

HSL rozděluje barvu do tří intuitivních složek: Hue, Saturation, Lightness. Pro hover stav snižte Lightness o 5–10 % beze změny odstínu. Pro sekundární barvu změňte jen Hue o 30–60°. RGB a HEX vyžadují pro stejné výsledky složitou matematiku.

Ano, od roku 2018 všechny moderní prohlížeče (Chrome 62+, Firefox 49+, Safari 10+) podporují 8znakový HEX s alfa kanálem: #FFCB0580 znamená 50% průhlednost. Pro staré prohlížeče (IE) použijte rgba(), které má univerzální podporu.

Ne. Všechny převody probíhají lokálně ve vašem prohlížeči pomocí matematických funkcí JavaScriptu. Vaše barvy se na server NEodesílají ani neukládají do databáze. Vše je 100% soukromé a funguje 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.