Color Converter | Free Edu & .COM Temporary Mails
← Všechny nástroje / Color Converter

🎨 Převodník barev

Převod barev mezi formáty HEX, RGB a HSL. Klikněte na výběr barvy nebo zadejte libovolnou hodnotu.

Co je to převodník barev?

Převaděč barev převádí hodnoty barev mezi různými formáty používanými ve webovém designu, grafickém designu a tiskové produkci. Tři nejběžnější formáty webových barev jsou HEX (např. #3498db), RGB (např. rgb(52, 152, 219)) a HSL (např. hsl(204, 70 %, 53 %)). Každý představuje stejnou barvu, ale v jiném zápisu, který preferují různé nástroje, jazyky a pracovní postupy.

Weboví vývojáři přecházejí na HEX pro zkratku HTML/CSS, používají RGB, když potřebují použít neprůhlednost pomocí rgba(), a sáhnou po HSL, když chtějí programově upravit světlost nebo sytost. Grafici kopírující hex kód z Figmy nebo Photoshopu jej mohou potřebovat v RGB pro konkrétní platformu. Náš nástroj zpracuje všechny převody okamžitě, včetně živého náhledu barev a odpovídající proměnné CSS.

Jak používat převodník barev

  1. Klikněte na výběr barvy vizuálně vybrat libovolnou barvu – všechna pole se automaticky aktualizují.
  2. Nebo zadejte a HEX hodnotu (např. #ff6600) a klikněte na Převést.
  3. Nebo napište an RGB hodnotu (např. rgb(255, 102, 0)) a klikněte na Převést.
  4. Nebo napište an HSL hodnotu (např. hsl(24, 100 %, 50 %)) a klikněte na Převést.
  5. Kliknutím na ikonu kopírování vedle libovolného pole zkopírujete tento formát do schránky.

Proč používat náš převodník barev?

  • 100% zdarma — Bezplatně převádějte neomezené množství barev.
  • Žádná registrace — Okamžitý přístup bez vytvoření účtu.
  • Na základě prohlížeče — Spouští na straně klienta bez odesílání dat na servery.
  • Živý náhled — Podívejte se na skutečnou barvu při psaní nebo vybírání.
  • Výstup proměnných CSS — Generuje řetězec vlastních vlastností CSS připravený k použití.

Často kladené otázky

HEX (#rrggbb) je kompaktní hexadecimální reprezentace široce používaná v CSS a HTML. RGB (červená, zelená, modrá) vyjadřuje každý kanál jako celé číslo 0–255, což usnadňuje programové míchání kanálů. HSL (odstín, sytost, světlost) je pro člověka nejintuitivnější – upravíte úhel odstínu (0–360°) a procenta sytosti/světlosti, abyste získali předvídatelné barevné variace.

Použijte funkce CSS rgba() nebo hsla(), které přidají čtvrtý alfa kanál (0 = plně průhledný, 1 = plně neprůhledný). Například: rgba(52, 152, 219, 0,5) je stejná modrá s 50% neprůhledností. HEX také podporuje 8místný zápis s alfa (např. #3498dbcc) v moderních prohlížečích.

Protože můžete udržovat odstín konstantní a měnit pouze světlost a sytost, abyste vytvořili harmonické odstíny. Například hsl(210, 70%, 30%), hsl(210, 70%, 50%) a hsl(210, 70%, 70%) jsou tmavé, střední a světlé varianty stejné modré – ideální pro návrhové systémy a proměnné CSS.

Ne přímo ze snímku obrazovky – ale můžete použít výběr barev vašeho operačního systému nebo rozšíření prohlížeče k navzorkování barvy z libovolného pixelu na obrazovce a poté vložit HEX kód do tohoto nástroje, abyste získali ekvivalenty RGB a HSL.

Rychlá fakta

  • ✓ 100% zdarma, žádné skryté poplatky
  • ✓ Není potřeba žádný účet ani přihlášení
  • ✓ Funguje v jakémkoli prohlížeči
  • ✓ Vaše data nikdy neopustí vaše zařízení
  • ✓ Převádí HEX, RGB a HSL pomocí živého náhledu

Související nástroje