Daily Toolkits

HEX ↔ RGB ↔ HSL převodník

Převádějte barvy mezi HEX, RGB a HSL okamžitě pomocí živého vzorníku. Upravte libovolné pole – ostatní zůstanou synchronizovaná.

HEX ↔ RGB ↔ HSL Converter

Live

#C026D3

CSS output

/* HEX */ #c026d3
/* RGB */ rgb(192, 38, 211)
/* HSL */ hsl(292, 70%, 49%)

Key capabilities

  • Převádějte barvy mezi HEX, RGB a HSL okamžitě pomocí živého vzorníku.
  • Běží ve vašem prohlížeči
  • Zdarma k použití

Jak používat

  1. Zadejte hodnotu HEX, RGB nebo HSL.
  2. Podívejte se na automatické aktualizace ostatních formátů.
  3. Zkopírujte požadovaný formát.

How this tool works

  1. Zadejte hodnotu HEX, RGB nebo HSL.
  2. Podívejte se na automatické aktualizace ostatních formátů.
  3. Zkopírujte požadovaný formát.

Recommended settings

  • Nejprve použijte výchozí možnosti a v případě potřeby upravte

Supported formats

Text / on-page input

File size and limits

  • Velmi složité vícevrstvé náhledy se mohou na starších telefonech zdát pomalejší.

Privacy

Generátory barev a CSS běží výhradně ve vašem prohlížeči. Náhledy a konverze nikdy nenahrávají vaše styly.

Common use cases

  • Použijte HEX ↔ RGB ↔ HSL převodník kdykoli potřebujete: Převádějte barvy mezi HEX, RGB a HSL okamžitě pomocí živého vzorníku.

Troubleshooting

Náhled po vložení vypadá jinak

Zkontrolujte, zda na stránce nejsou konkurenční CSS (resety, zděděné barvy). Vygenerované pravidlo nejprve zkopírujte do izolované šablony stylů.

Časté dotazy

Nahrává to můj CSS?

Ne. Generátory a konvertory běží ve vašem prohlížeči s živým náhledem.

Potřebuji účet?

Ne. Otevřete nástroj, upravte ovládací prvky a zkopírujte CSS.

Související nástroje

Color Contrast Checker

Check foreground/background contrast against WCAG AA and AAA guidelines.

Open tool

CSS Gradient Generator

Build linear, radial, and conic gradients with live preview and copy-ready CSS.

Open tool

Box Shadow Generator

Design layered box-shadows with offset, blur, spread, and color — live preview included.

Open tool