Monu Tools

Prevodník farieb

Prevádzajte farby medzi HEX, RGB a HSL so živým náhľadom.

Ako používať nástroj Prevodník farieb

  1. 01

    Zadajte farbu ako HEX, napríklad #ff8800.

  2. 02

    Okamžite uvidíte prevod na RGB a HSL.

  3. 03

    Skopírujte formát, ktorý potrebujete.

Čo robí

Toto je prevodník farieb pre web a dizajnérsku prácu, ktorý prekladá farbu medzi tromi formátmi, ktoré používate najčastejšie: HEX, RGB a HSL, so živou vzorkou, aby ste presne videli, s čím pracujete.

Je to každodenné spojivo medzi dizajnom a kódom: priradenie farby značky z návrhu k CSS premennej, prevod hodnoty, ktorú vám dizajnér dal v jednom formáte, do toho, ktorý chce váš framework, alebo nájdenie o niečo svetlejšieho odtieňa pre stav pri prejdení myšou.

Všetko beží vo vašom prehliadači, takže je to okamžité a nič, čo zadáte, sa nikam neodosiela.

Ako sa formáty líšia

Každý formát opisuje tú istú farbu odlišne. HEX (napríklad #ff8800) je kompaktná forma používaná v celom CSS a HTML. RGB uvádza priamo červený, zelený a modrý kanál, tak o farbe uvažujú obrazovky a kód, napríklad plátno. HSL opisuje odtieň, sýtosť a svetlosť, čo je oveľa intuitívnejšie, keď chcete farbu doladiť: zmeňte odtieň, aby ste ňou posunuli po kolese, alebo svetlosť, aby ste ju stmavili bez toho, aby ste ručne vyberali nový kód.

Ako prevod funguje

Zadajte hodnotu HEX a ekvivalenty RGB a HSL sa okamžite aktualizujú, takže si môžete vziať ktorýkoľvek formát, ktorý od vás očakáva nástroj alebo kód pred vami.

Čo zatiaľ nie je pokryté

Nástroj sa zatiaľ zameriava na nepriehľadné farby vo formátoch HEX, RGB a HSL. Podpora kanála alfa (priehľadnosti) zatiaľ nie je zahrnutá.

Často kladené otázky

Ktoré formáty sú podporované?

HEX (#rgb alebo #rrggbb), RGB a HSL. Zadajte hodnotu HEX a ostatné sa živé aktualizujú.

Podporujete alfa kanál / priehľadnosť?

Zatiaľ nie. Tento nástroj sa zameriava na nepriehľadné HEX, RGB a HSL. Podporu alfy možno pridať neskôr.

Zdroje

Vložiť tento nástroj

Pridajte tento nástroj na svoju webovú stránku. Skopírujte úryvok nižšie, automaticky zostáva aktuálny.

<iframe src="https://monu.tools/embed/sk/color-converter" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>

Súvisiace nástroje