Tervezőeszközök

Gyors eszközök frontend és vizuális tervezési munkához, másolásra kész CSS-kóddal és a WCAG kontrasztképletén alapuló akadálymentességi ellenőrzéssel.

7 eszköz

Eszközök ebben a kategóriában

SzínátváltóSzínek átváltása HEX, RGB, HSL, HWB, OKLCH és egyszerűsített CMYK között. Illesszen be bármilyen CSS-színt, vagy használja a színválasztót, majd másolja ki a kívánt formátumot. A böngészőjében fut.
KontrasztellenőrzőEllenőrizze a szöveg- és háttérszínek WCAG 2.2 kontrasztarányát, tekintse meg az AA és AAA eredményeket szövegekhez és felületelemekhez, és kapja meg a legközelebbi megfelelő színt.
CSS színátmenet-generátorKészítsen lineáris, radiális és kúpos CSS-színátmeneteket 2–6 színponttal, állítsa be a szöget és a pozíciókat, tekintse meg élőben, és másolja a háttér CSS-kódját.
Box Shadow GeneratorTervezzen CSS box-shadow árnyékokat több réteggel: eltolás, elmosás, terjedés, szín, átlátszatlanság és inset. Tekintse meg bármilyen háttéren, és másolja ki a box-shadow CSS-t.
Színpaletta-generátorKészítsen komplementer, analóg, triádikus, tetrádikus, osztott komplementer és árnyalatpalettákat egyetlen színből. Zárolja a színeket, majd másolja ki HEX, CSS vagy JSON formátumban.
PX–REM átváltóVáltson át px-et remre vagy emre és vissza tetszőleges gyökér betűmérettel (alapértelmezés: 16px). Tartalmazza a gyakori méretek táblázatát, és átváltja a px-értékeket teljes CSS-részletekben.
Képarány-kalkulátorMegkeresi a hiányzó szélességet vagy magasságot bármely képarányhoz, egyszerűsíti a méreteket (például 1920×1080 → 16:9), megmutatja az alakzatot, és kimásolhatja a CSS aspect-ratio szabályt.