Převodník barev
Převádějte barvy mezi HEX, RGB a HSL včetně alfa kanálu a palety odstínů.
Související nástroje
Převodník barev
Vložte barvu v libovolném zápisu, kterému rozumí CSS — #3b82f6, rgb(59, 130, 246), hsl(217, 91%, 60%) — a zbylé dva se objeví okamžitě. Zkrácený hex typu #f00 se rozvine, mřížka na začátku je dobrovolná a nástroj čte starší zápis s čárkami i novější s mezerami, aniž byste mu museli říkat, který zrovna používáte. Napište jednu barvu na řádek a převedete celou paletu najednou — přesně to oceníte, když od grafika dorazí sloupec hex kódů a váš styl je psaný v HSL.
Alfa kanál převod přežije, ať ho zapíšete jakkoli: rgba(59, 130, 246, 0.5), rgb(59 130 246 / 50%) i osmimístný hex #3b82f680 popisují tutéž poloprůhlednou modrou a každý se převede na ostatní. Když chcete jen neprůhlednou barvu, vypněte „Zachovat alfa kanál“. Nabídka výstupního formátu zúží výsledek pouze na hex, RGB nebo HSL, což se hodí u hromadných seznamů, a nabídka syntaxe rozhodne mezi rgb(255, 0, 0) a rgb(255 0 0 / 0.5), takže zkopírovaný výsledek vložíte rovnou do kódu, který už máte. Velká písmena v hexu zapnete jedním zaškrtnutím.
Po zapnutí palety odstínů dostane každá barva tabulku světlejších a tmavších variant, míchaných rovnoměrně k bílé a k černé. Je to rychlá cesta, jak z jedné firemní barvy odvodit stavy při najetí myší, orámování nebo neaktivní prvky bez otevírání grafického editoru. Vyberte jeden až osm kroků na každou stranu; základní barva sedí uprostřed na 0 %.
Všechno běží ve vašem prohlížeči — žádné nahrávání, žádný server, žádná registrace. Nezveřejněné firemní barvy zůstanou na vašem počítači. Řádky, které nejsou barvou, zůstanou na místě jako CSS komentář a započítají se do přehledu, takže jeden překlep neschová zbytek dlouhého seznamu. Pojmenované CSS barvy jako rebeccapurple nástroj nezná; ty nejdřív převeďte na hex.