Dizajn & CSS

Kreirajte boje, prilagodljive veličine i CSS spreman za proizvodnju.

Boje i pristupačnost

Konverter bojaKonvertujte boje između HEX, RGB, HSL, HSV, CMYK i LAB formata — uredite bilo koje polje i ostala se ažuriraju u hodu.Specijalizirane stranice (8)
Provjera kontrastaUnesite boju teksta i pozadine da vidite WCAG omjer kontrasta i koji AA i AAA nivoi zadovoljavaju.

CSS raspored i efekti

Generator za Box ShadowPovucite klizače da oblikujete box-shadow, slažite slojeve za dubinu i odmah kopirajte gotov CSS.
Generator gradijenataKreirajte linearni, radijalni ili konusni gradijent, dodajte tačke prekida boje i postavite smjer, a zatim kopirajte CSS jednim klikom.
Generator za Border RadiusZaoblite svaki ugao pomoću klizača, oblikujte organske mrlje pomoću eliptičnog režima i odmah kopirajte CSS.
Flexbox GeneratorPostavite flex kontejner i njegove stavke pomoću vizuelnih kontrola, posmatrajte promjene uživo i kopirajte CSS jednim klikom.
CSS Grid GeneratorPostavite kolone i redove, prevucite preko ćelija da postavite stavke i kopirajte CSS mreže sa odgovarajućim HTML-om jednim klikom.
CSS Cubic Bezier GeneratorPovucite dvije ručice da oblikujete krivu ubrzanja, posmatrajte kretanje tačke u poređenju sa ravnomjernim i kopirajte cubic-bezier() vrijednost.
Kalkulator za CSS clamp()Unesite veličinu za male i velike ekrane i dobićete fluidnu clamp() vrijednost koja se glatko skalira između njih — za veličine fonta, padding, margine ili razmake.

Ekran, štampa i proporcije

Inspekcija i licenciranje fontova

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