TextArray
100% lokálne

Konvertor farieb

Prevádzajte farby medzi HEX, RGB a HSL vrátane alfa kanála a palety odtieňov.

Vstup
4
Výstup
Súvisiace nástroje
Hex na text a späťKódovanie a prevodyGenerátor hashovVývojárske nástrojeGenerátor slugovVývojárske nástrojeGenerátor QR kódovVývojárske nástroje
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é dva. 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 hex, RGB alebo HSL, č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.
Časté otázky
Aké zápisy farieb nástroj prečíta?
Hex s 3, 4, 6 aj 8 znakmi, s mriežkou alebo bez nej; rgb() a rgba(); hsl() a hsla(). Funguje zápis s čiarkami aj s medzerami a odtieň prijíma jednotky deg, rad, grad a turn. Pomenované farby ako rebeccapurple podporované nie sú.
Ako sa spracuje alfa kanál?
Alfu nástroj prečíta zo štvrtého argumentu, zo zápisu s lomkou aj z osemmiestneho hexu a vypíše ju späť vo zvolenom formáte. Vypnutím „Zachovať alfa kanál“ dostanete nepriehľadnú farbu.
Prečo sa farba pri spätnom prevode posunie o číslicu?
HSL sa vypisuje v celých stupňoch a celých percentách, takže opätovné načítanie zaokrúhlenej hodnoty môže skončiť na susednej 8-bitovej farbe: z hsl(217, 91%, 60%) vyjde #3c83f6, nie #3b82f6. Prehliadače zaokrúhľujú rovnako. Ak vám záleží na presnom bajte, držte sa hexu.
Na čo slúži paleta odtieňov?
Mieša farbu rovnomernými krokmi svetlosti k bielej a k čiernej a vypíše každý variant, takže z jednej základnej farby postavíte odtiene pre prejdenie myšou, orámovanie aj neaktívny stav. Zvoľte jeden až osem krokov na stranu.
Nahráva sa môj text niekam?
Nie. Prevod beží výhradne vo vašom prehliadači a nič z toho, čo vložíte, neopustí vaše zariadenie.