Dizajn & CSS

Stvorite boje, odgovarajuće veličine i CSS spreman za proizvodnju.

Boje i pristupačnost

Pretvarač bojaPretvorite boje između formata HEX, RGB, HSL, HSV, CMYK i LAB — uredite bilo koje polje i ostala se ažuriraju u hodu.Specijalizirane stranice (8)
Provjera kontrastaUnesite boju teksta i pozadine kako biste vidjeli WCAG omjer kontrasta i koje razine AA i AAA prolaze.

CSS izgled i efekti

Generator sjena (Box Shadow)Povucite klizače za oblikovanje sjene elementa, složite slojeve za dubinu i odmah kopirajte gotov CSS.
Generator gradijenataIzgradite linearni, radijalni ili konusni gradijent, dodajte točke boja i postavite smjer, a zatim kopirajte CSS jednim klikom.
Generator zaobljavanja kutova (Border Radius)Zaoblite svaki kut pomoću klizača, oblikujte organske mrlje pomoću eliptičnog načina rada i odmah kopirajte CSS.
Flexbox generatorPostavite flex kontejner i njegove stavke pomoću vizualnih kontrola, pratite promjene uživo i kopirajte CSS jednim klikom.
CSS Grid GeneratorPostavite stupce i retke, povucite preko ćelija za postavljanje stavki i kopirajte grid CSS s odgovarajućim HTML-om jednim klikom.
CSS Cubic Bezier GeneratorPovucite dvije ručice kako biste oblikovali krivulju ubrzanja, pratite kretanje točke u usporedbi sa stabilnom brzinom i kopirajte cubic-bezier() vrijednost.
CSS clamp() kalkulatorUnesite veličinu za male i velike zaslone i dobit ćete fluidnu clamp() vrijednost koja se glatko skalira između njih — za veličine fonta, padding, margine ili razmake.

Provjera fontova i licenciranje

Provjera licenci i informacija o fontovimaOtvorite lokalni font kako biste pročitali njegove ugrađene nazive, tekst licence i zastavice za ugradnju u dokumente — kao dokaz iz datoteke, a ne kao dokaz da posjedujete licencu.

Zaslon, ispis i proporcije