Přejít k obsahu
(+381) 60 3535 720
Můj účet
BeoHosting
BeoHosting
Můj účetKontakt
(+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
RYCHLÁ ODPOVĚĎ

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+ let zkušeností — Specialisté na webhosting a infrastrukturu

Naposledy aktualizováno:

Konvertor barev

Zadejte barvu ve formátu HEX, RGB nebo HSL — nástroj automaticky převede do všech tří formátů.

Náhled

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

RGB posuvníky

R (červená)255
G (zelená)203
B (modrá)5

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í.

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 EncoderPassword GeneratorCSS on your siteWordPress HostingCheck site speedContact

Připraveni spustit svůj web?

SSL ochrana
Rychlost
Podpora 24/7

Připojte se k více než 4 000 spokojeným zákazníkům. Bezplatná migrace a 15denní záruka vrácení peněz.

Vyberte tarifKontaktujte nás
15denní záruka vrácení peněz
Bezplatná migrace15denní zárukaPodpora 24/7

Často kladené dotazy – Konvertor barev

Odpovědi na nejčastější dotazy o našich službách.

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 záruky pro váš klid

Chráněni ze všech stran

15denní záruka

V prvních 15 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.