Převodník barev

Toto je převodník barev pro web a design, který převádí barvu mezi třemi nejpoužívanějšími formáty: HEX, RGB a HSL, se živým vzorkem, abyste přesně viděl, s čím pracujete.

Je to každodenní lepidlo mezi designem a kódem: srovnání firemní barvy z návrhu s CSS proměnnou, převod hodnoty, kterou vám designér dal v jednom formátu, na ten, který chce váš framework, nebo hledání o něco světlejšího odstínu pro stav při najetí myší.

Vše běží ve vašem prohlížeči, takže je to okamžité a nic, co zadáte, se nikam neodesílá.

Každý formát popisuje tutéž barvu jinak. HEX (jako #ff8800) je kompaktní podoba používaná napříč CSS a HTML. RGB uvádí kanály červené, zelené a modré přímo, což je způsob, jakým o barvě uvažují obrazovky a kód, například canvas. HSL popisuje odstín, sytost a světlost, což je mnohem intuitivnější, když chcete barvu poupravit: změňte odstín, abyste s ní posunul po kruhu, nebo světlost, abyste ji ztmavil bez ručního hledání nového kódu.

Zadejte hodnotu HEX a ekvivalenty RGB a HSL se okamžitě aktualizují, takže si vezmete ten formát, který od vás nástroj nebo kódová základna před vámi očekává.

Zatím se nástroj zaměřuje na neprůhledné barvy v HEX, RGB a HSL. Podpora alfy (průhlednosti) zatím není zahrnuta.