Suunnittelu ja CSS

Luo värejä, reagoiva koko ja tuotantovalmis CSS.

Värit ja saavutettavuus

VärimuunninMuunna värejä muotojen HEX, RGB, HSL, HSV, CMYK ja LAB välillä – muokkaa mitä tahansa kenttää ja muut päivittyvät reaaliajassa.Erikoissivut (8)
KontrastilaskuriSyötä tekstin ja taustan väri nähdäksesi WCAG-kontrastisuhteen ja sen, mitkä AA- ja AAA-tasot hyväksytään.

CSS-asettelu ja tehosteet

Box Shadow -generaattoriSäädä laatikon varjoa liukusäätimillä, pinoa tasoja syvyyden luomiseksi ja kopioi valmis CSS-koodi heti.
Liukuväri-generaattoriLuo lineaarinen, säteittäinen tai kartiomainen liukuväri, lisää väripisteitä ja aseta suunta, ja kopioi sitten CSS yhdellä klikkauksella.
Border Radius -generaattoriPyöristä kulmat liukusäätimillä, luo orgaanisia muotoja elliptisellä tilalla ja kopioi CSS-koodi heti.
Flexbox-generaattoriMääritä flex-säiliö ja sen elementit visuaalisilla ohjaimilla, seuraa asettelun muutoksia reaaliajassa ja kopioi CSS yhdellä klikkauksella.
CSS Grid -generaattoriMääritä sarakkeet ja rivit, vedä solujen yli sijoittaaksesi elementtejä ja kopioi grid-CSS sekä vastaava HTML yhdellä klikkauksella.
CSS Cubic Bezier -generaattoriMuotoile kevennyskäyrää vetämällä kahta kahvaa, seuraa pisteen liikettä suhteessa tasaisen nopeaan ja kopioi cubic-bezier()-arvo.
CSS clamp() -laskuriSyötä koko pienille ja suurille näytöille ja saat joustavan clamp()-arvon, joka skaalautuu sujuvasti niiden välillä – sopii fonttikoille, sisällyksille tai väleille.

Fonttien tarkastus ja lisensointi

Fonttien lisenssi- ja tietotarkistusAvaa paikallinen fontti lukeaksesi sen upotetut nimet, lisenssitekstin ja asiakirjojen upotusasetukset – tiedoston sisältämänä todisteena, ei todisteena siitä, että omistat lisenssin.

Näyttö-, tulostus- ja mittasuhteet