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.
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
Konvertor barev
Zadejte barvu ve formátu HEX, RGB nebo HSL — nástroj automaticky převede do všech tří formátů.
Náhled
RGB posuvníky
20 nejběžnějších barev
Soukromí: Všechny převody probíhají lokálně v prohlížeči pomocí matematických funkcí JavaScriptu. Vaše barvy se na server NEodesílají.
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.
Připraveni spustit svůj web?
Připojte se k více než 4 000 spokojeným zákazníkům. Bezplatná migrace a 30denní záruka vrácení peněz.
Často kladené dotazy – Konvertor barev
Odpovědi na nejčastější dotazy o našich službách.
Zavolejte nám: podpora funguje 24/7, telefonicky i přes tikety.
(+381) 60 3535 720Co je barevný formát HEX?
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.
Kdy použít RGB místo HEX?
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.
Proč HSL formát usnadňuje práci s motivy?
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.
Je 8znakový HEX (#RRGGBBAA) podporován ve všech prohlížečích?
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.
Ukládá tento nástroj mé barvy na server?
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 záruky pro váš klid
Chráněni ze všech stran
30denní záruka
V prvních 30 dnech vracíme peníze bez otázek.
Bezplatná migrace
Váš web přemigrujeme bez výpadku — vy neuděláte nic.
Podpora 24/7
Naši odborníci jsou tu 24/7 prostřednictvím ticketů a live chatu.