Dizajn a CSS

Vytvárajte farby, citlivé veľkosti a CSS pripravené na výrobu.

Farby a prístupnosť

Prevodník fariebKonvertujte farby medzi HEX, RGB, HSL, HSV, CMYK a LAB – upravte jedno pole a ostatné sa okamžite prispôsobia.Špecializované stránky (8)
Kontrola kontrastu (Contrast Checker)Zadajte farbu textu a pozadia a zistite kontrastný pomer WCAG spolu s vyhovujúcimi úrovňami AA a AAA.

CSS rozloženie a efekty

Generátor tieňov (Box Shadow)Nastavte tieň pomocou posuvníkov, vrstvite tiene pre dosiahnutie hĺbky a okamžite skopírujte hotové CSS.
Generátor gradientov (prechodov farieb)Vytvorte lineárny, radiálny alebo kónický gradient, pridajte farebné body, nastavte smer a skopírujte CSS jedným kliknutím.
Generátor zaoblenia rohov (Border Radius)Zaobľujte rohy pomocou posuvníkov, vytvárajte organické tvary v eliptickom režime a okamžite kopírujte CSS.
Generátor FlexboxuNastavte flex kontajner a jeho položky pomocou vizuálnych prvkov, sledujte zmeny v reálnom čase a skopírujte CSS jedným kliknutím.
Generátor CSS GridNastavte stĺpce a riadky, ťahaním cez bunky umiestnite položky a jedným kliknutím skopírujte CSS mriežky spolu s HTML kódom.
Generátor CSS Cubic BezierŤahaním dvoch tiahel vytvarujte krivku plynulosti, sledujte pohyb bodu v porovnaní s rovnomerným a skopírujte hodnotu cubic-bezier().
Kalkulačka CSS clamp()Zadajte veľkosť pre malé a veľké obrazovky a získajte fluidnú hodnotu clamp(), ktorá sa medzi nimi plynule prispôsobí – pre veľkosť písma, padding, margin či gap.

Kontrola a licencia písiem

Nástroj na kontrolu licencií a informácií o písmachOtvorte lokálny súbor písma a prečítajte si jeho vložené názvy, licenčný text a príznaky vkladania do dokumentov – ako dôkaz zo súboru, nie ako potvrdenie, že vlastníte licenciu.

Obrazovka, tlač a proporcie