Design & CSS

Vytvářejte barvy, přizpůsobte velikost a produkční styl CSS.

Barvy a přístupnost

Převodník barevPřevádějte barvy mezi formáty HEX, RGB, HSL, HSV, CMYK a LAB – upravte jedno pole a ostatní se průběžně aktualizují.Specializované stránky (8)
Kontrola kontrastuZadejte barvu textu a pozadí a zjistěte kontrastní poměr WCAG a které úrovně AA a AAA vyhovují.

CSS rozvržení a efekty

Generátor box-shadowTažením posuvníků vytvořte stín boxu, vrstvěte stíny pro větší hloubku a okamžitě zkopírujte výsledný CSS kód.
Generátor přechodůVytvořte lineární, radiální nebo kónický přechod, přidejte barevné body, nastavte směr a jedním kliknutím zkopírujte CSS.
Generátor border-radiusZaoblete každý roh pomocí posuvníků, vytvářejte organické tvary v eliptickém režimu a okamžitě zkopírujte CSS.
Generátor FlexboxuNastavte flex kontejner a jeho položky pomocí vizuálních prvků, sledujte změny v reálném čase a zkopírujte CSS jedním kliknutím.
CSS Grid generátorNastavte sloupce a řádky, tažením přes buňky rozmístěte položky a jedním kliknutím zkopírujte CSS mřížky s odpovídajícím HTML.
Generátor CSS Cubic BezierTažením dvou táhel vytvořte křivku plynulosti, sledujte pohyb bodu v porovnání s rovnoměrným pohybem a zkopírujte hodnotu cubic-bezier().
Kalkulačka CSS clamp()Zadejte velikost pro malé a velké obrazovky a získejte plynulou hodnotu clamp(), která se mezi nimi hladce přizpůsobuje – pro velikost písma, výplně, okraje nebo mezery.

Kontrola a licencování písem

Kontrola licencí a informací o písmuOtevřete lokální soubor písma a načtěte jeho vložené názvy, licenční text a příznaky pro vkládání do dokumentů – jako souborový důkaz, nikoli jako potvrzení, že vlastníte licenci.

Obrazovka, tisk a proporce