Alat Reka Bentuk — Percuma Dalam Talian

13 alat

Alat reka bentuk dan CSS termasuk pemilih warna, pembina kecerunan, penjana bayang, dan alat utiliti CSS.

Pemeriksa Kontras WCAG & APCA

Semak kebolehcapaian warna dengan nisbah WCAG 2.1 dan skor APCA moden dengan simulasi visual masa nyata.

Reka animasi keyframe berprestasi tinggi secara visual dengan pratonton langsung dan kawalan pelicinan.

Cipta border-radius CSS 8 titik lanjutan secara visual. Bulatan, bentuk organik dan figura terperinci.

Reka bayang CSS berbilang lapisan lanjutan secara visual dengan pratonton masa nyata dan sokongan inset.

Gunakan penapis CSS seperti kabur, kontras dan kecerahan pada imej secara masa nyata dengan pratonton langsung dan eksport kod.

Reka susun atur fleksibel secara visual dengan kotak pasir interaktif untuk sifat bekas dan item.

Reka susun atur 2D kompleks secara visual. Seret untuk cipta kawasan grid, laras trek dan eksport CSS bersih.

Penukar px/rem dua hala dengan padanan Tailwind CSS, penjana tipografi cecair clamp() dan penukaran CSS kelompok.

Tukar ikon SVG ke URI data CSS dioptimumkan dengan format output background-image, mask-image dan Tailwind.

Jana favicon daripada teks, emoji atau imej dalam format ICO, PNG, SVG dan berkas PWA dengan sokongan mod gelap.

Cipta kecerunan CSS menarik dengan editor visual yang menyokong jenis linear, jejari dan konik dengan interpolasi OKLCH dan tindanan tekstur butiran.

Jana palet warna harmoni dalam OKLCH dengan enam mod harmoni, matriks kontras WCAG dan eksport CSS/Tailwind/JSON.

Pilih warna dengan kanvas HSV interaktif, tukar antara HEX, RGB, HSL dan OKLCH, dan semak nisbah kontras WCAG terhadap putih dan hitam.