Výběr a převodník barvy
Vyberte barvu a okamžitě převádějte mezi formáty HEX, RGB a HSL. Zdarma a výhradně ve vašem prohlížeči.
Černý text na vaší barvě
Bílý text na vaší barvě
Jak používat výběr a převodník barvy
- Click the large color preview swatch to open your browser's native color picker.
- Případně zadejte hodnotu HEX přímo do pole HEX (např. #ff5733).
- Upravte jednotlivé hodnoty R, G, B (0–255) nebo H, S, L pro jemné doladění.
- Všechny formáty se aktualizují v reálném čase při změně jakékoli hodnoty.
- Pomocí tlačítek Kopírovat zkopírujte formátovanou hodnotu barvy do schránky.
- Podívejte se na náhled kontrastu, abyste viděli, jak vypadá text na zvolené barvě.
Casto kladene otazky
Co je formát barvy HEX?
HEX je šestimístné hexadecimální vyjádření barvy s předponou # (např. #ff5733 znamená R=255, G=87, B=51). Je to nejběžnější formát ve webovém designu.
Jaký je rozdíl mezi RGB a HSL?
RGB definuje barvu složkami červeného, zeleného a modrého světla (každá 0–255). HSL definuje barvu pomocí Odstínu, Sytosti a Světlosti. HSL je pro designéry intuitivnější.
Proč je kontrola kontrastu důležitá?
Dostatečný kontrast mezi textem a pozadím je zásadní pro čitelnost. Pokyny WCAG doporučují minimální poměr kontrastu 4,5:1 pro normální text.
Jsou moje data uložena někde?
Ne. Všechny převody barev probíhají výhradně ve vašem prohlížeči. Žádná data nejsou odesílána na server.
Více bezplatných nástrojů