Jak převést barvu
- Klikněte na pole barvy a vyberte ji, nebo ji napište do textového pole.
- Můžete ji zadat jako HEX (#1e90ff), jako rgb(), jako hsl() nebo anglickým názvem.
- Podívejte se na barvu v náhledu spolu s ekvivalenty HEX, RGB, HSL a CMYK.
- Zkopírujte potřebný formát a zkontrolujte kontrast s bílým nebo černým textem.
K čemu to je
Návrháři a vývojáři často převádějí barvu z jednoho formátu do druhého: HEX z palety, rgb() ve stylu, HSL pro tvorbu světlejších či tmavších variant. Tento nástroj to zvládne na jeden krok.
Počítá také kontrast barvy s bílým a s černým textem podle pokynů přístupnosti WCAG: 4,5:1 pro splnění úrovně AA a 7:1 pro úroveň AAA u běžného textu.
CMYK je jednoduchý převod, užitečný jako orientační údaj; pro profesionální tisk použijte barevný profil ve svém grafickém softwaru.
Co je dobré vědět
- CMYK se počítá z RGB standardním vzorcem, bez barevného profilu, takže se může lišit od toho, co uvidíte v tisku.
- Názvy barev fungují v angličtině (red, tomato, navy…).
- Nativní výběr barev může vypadat jinak podle prohlížeče a zařízení.
Často kladené otázky
Jak převedu HEX na RGB?
Zadejte HEX (například #1e90ff) a nástroj okamžitě ukáže odpovídající rgb(), spolu s HSL a CMYK.
Co je kontrast WCAG?
Měří, jak čitelný je text na pozadí. Poměr 4,5:1 splňuje úroveň AA a 7:1 úroveň AAA, u běžného textu.
Přijímá barvy s průhledností?
Ano: můžete zadat #rrggbbaa, rgba() nebo hsla() a zobrazí se i s průhledností.
Odesílá se něco na server?
Ne. Vše se počítá ve vašem prohlížeči.
Je to zdarma?
Ano, je to zdarma, nevyžaduje registraci a funguje přímo ve vašem prohlížeči.