Převodník barev
Okamžitě převádějte mezi formáty barev HEX, RGB a HSL.
Více formátů
Převádějte mezi HEX (#RGB), RGB (červená, zelená, modrá) a HSL (odstín, sytost, světlost) s živým náhledem.
Živý náhled
Sledujte barvu v reálném čase, jak píšete. Okamžitě vizualizujte, jak vaše barva vypadá, než ji použijete.
Kopírovat do schránky
Jedním kliknutím zkopírujte jakýkoli formát. Okamžitě vložte barvy do svého CSS, designových nástrojů nebo kódu.
Výběr barev
Použijte vestavěný výběr barev k vizuálnímu výběru barev místo psaní kódů.
Porozumění barevným modelům
Různé barevné modely slouží různým účelům v designu a vývoji. HEX (hexadecimální) je webový standard, RGB představuje, jak obrazovky zobrazují barvy, a HSL popisuje barvy v lidsky srozumitelných termínech. Každý formát má jedinečné výhody: HEX je stručný, RGB je intuitivní pro digitální displeje a HSL usnadňuje vytváření barevných variací úpravou světlosti nebo sytosti.
Případové studie pro převod barev
Weboví designéři převádějí barvy, aby odpovídaly požadavkům CSS, grafičtí designéři překládají barvy značky mezi nástroji a vývojáři programově upravují barevné schémata. HEX je ideální pro CSS a HTML, RGB funguje dobře pro operace s plátnem JavaScriptu a zpracování obrázků, a HSL vyniká při vytváření barevných palet systematickým variováním odstínu, sytosti nebo světlosti pro konzistentní designy.
Porozumění barevným modelům
HEX používá notaci založenou na základu 16 (0-9, A-F), kde #RRGGBB představuje červené, zelené a modré složky. RGB používá desetinné hodnoty (0-255) pro každý barevný kanál. HSL odděluje odstín (0-360°, pozice na barevném kole), sytost (0-100%, intenzita barvy) a světlost (0-100%, jasnost). Převod mezi nimi vyžaduje matematické vzorce - náš nástroj to zvládá automaticky.