Suunnittelutyökalut
Nopeat työkalut front-end- ja visuaaliseen suunnitteluun sekä kopiointivalmis CSS ja WCAG-kontrastikaavaan perustuvat saavutettavuustarkistukset.
7 työkalua
Työkalut tässä kategoriassa
- VärimuunninMuunna värejä HEX-, RGB-, HSL-, HWB-, OKLCH- ja yksinkertaisen CMYK-muodon välillä. Liitä mikä tahansa CSS-väri tai käytä valitsinta ja kopioi haluamasi muoto. Toimii selaimessasi.
- KontrastitarkistinTarkista tekstin ja taustavärien WCAG 2.2 -kontrastisuhde, näe AA- ja AAA-tulokset tekstille ja käyttöliittymäosille sekä saat lähimmän vaatimukset täyttävän värin.
- CSS-liukuvärigeneraattoriLuo lineaarisia, radiaalisia ja kartiomaisia CSS-liukuvärejä 2–6 väripysäytyksellä, aseta kulma ja sijainnit, esikatsele reaaliaikaisesti ja kopioi taustan CSS.
- Box Shadow GeneratorSuunnittele CSS box-shadow-varjoja useilla kerroksilla: siirtymä, sumennus, leviämä, väri, peittävyys ja sisävarjo (inset). Esikatsele millä tahansa taustalla ja kopioi box-shadow-CSS.
- VäripalettigeneraattoriLuo yhdestä väristä vastaväri-, lähiväri-, triadi-, tetradi-, jaetun vastavärin ja sävypaletteja. Lukitse värejä ja kopioi HEX-, CSS- tai JSON-muodossa.
- PX-REM-muunninMuunna px rem- tai em-yksiköiksi ja päinvastoin millä tahansa juurifonttikoolla (oletus 16px). Sisältää yleisten kokojen taulukon ja muuntaa px-arvot kokonaisissa CSS-koodinpätkissä.
- KuvasuhdelaskuriSelvitä puuttuva leveys tai korkeus mille tahansa kuvasuhteelle, sievennä mitat kuten 1920×1080 muotoon 16:9, esikatsele muoto ja kopioi CSS-aspect-ratio-sääntö.