Konvertor farieb
Prevádzajte farby medzi HEX, RGB a HSL vrátane alfa kanála a palety odtieňov.
Konvertor farieb
Vložte farbu v ktoromkoľvek zápise, ktorému rozumie CSS — #3b82f6, rgb(59, 130, 246), hsl(217, 91%, 60%) — a hneď dostanete zvyšných deväť. Skrátený hex ako #f00 sa rozvinie, mriežka na začiatku je nepovinná a nástroj číta starší zápis s čiarkami aj novší s medzerami bez toho, aby ste mu museli hovoriť, ktorý práve používate. Napíšte jednu farbu na riadok a preveďte celú paletu naraz — presne to potrebujete, keď od grafika príde stĺpec hex kódov a váš štýl je napísaný v HSL.
Alfa kanál prejde prevodom, nech ho zapíšete akokoľvek: rgba(59, 130, 246, 0.5), rgb(59 130 246 / 50%) aj osemmiestny hex #3b82f680 opisujú tú istú polopriehľadnú modrú a každý sa prevedie na ostatné. Ak chcete iba nepriehľadnú farbu, vypnite „Zachovať alfa kanál“. Ponuka výstupného formátu obmedzí výsledok len na jeden zápis — hex, RGB, HSL, CMYK, HSV, HWB, lab(), lch(), oklab() alebo oklch(), čo sa hodí pri hromadných zoznamoch, a ponuka syntaxe rozhodne medzi rgb(255, 0, 0) a rgb(255 0 0 / 0.5), takže skopírovaný výsledok vložíte priamo do kódu, ktorý už máte. Veľké písmená v hexe zapnete jedným zaškrtnutím.
Po zapnutí palety odtieňov dostane každá farba tabuľku svetlejších a tmavších variantov, miešaných rovnomerne k bielej a k čiernej. Je to rýchly spôsob, ako z jednej firemnej farby odvodiť stavy pri prejdení myšou, orámovania či neaktívne prvky bez otvárania grafického programu. Zvoľte jeden až osem krokov na každú stranu; základná farba sedí v strede na 0 %.
Všetko beží vo vašom prehliadači — žiadne nahrávanie, žiadny server, žiadna registrácia. Nezverejnené firemné farby ostanú na vašom počítači. Riadky, ktoré nie sú farbou, zostanú na mieste ako CSS komentár a spočítajú sa v prehľade, takže jeden preklep neskryje zvyšok dlhého zoznamu. Pomenované CSS farby ako rebeccapurple nástroj nepozná; tie najprv preveďte na hex.