Desain & CSS

Ubah cuplikan kode menjadi kartu PNG yang rapi dengan penyorotan sintaksis di browser Anda, dengan tema, latar gradien atau transparan, dan padding — tanpa unggah.

Periksa rasio kontras WCAG antara warna HEX latar depan dan latar belakang serta lihat apakah lolos AA dan AAA untuk teks normal maupun besar.

Campurkan dua warna HEX pada rasio yang dipilih dalam ruang warna RGB atau Lab dan baca warna tengah hasilnya sebagai sampel dan nilai HEX yang dapat disalin.

Ubah satu warna HEX dasar menjadi skala gradasi 50-950 bergaya Tailwind, dicampur ke arah putih dan hitam, setiap langkah dengan sampel dan HEX yang bisa disalin.

Unggah gambar dan pratinjau tampilannya dengan protanopia, deuteranopia, tritanopia, atau buta warna total, lalu unduh hasil simulasinya.

Sesuaikan kedelapan nilai sudut border-radius, termasuk radius horizontal dan vertikal elips, lihat pratinjau kotak secara langsung, dan salin CSS singkatnya.

Buat CSS box-shadow berlapis dengan kontrol offset, blur, spread, warna, dan inset, lihat pratinjau langsung, dan salin properti yang siap pakai.

Ubah ukuran font minimum dan maksimum beserta lebar viewport minimum dan maksimum menjadi satu ekspresi clamp() CSS untuk tipografi fluid tanpa breakpoint.

Buat clip-path CSS dari preset lingkaran, elips, poligon, inset, atau inset membulat dengan input angka, lihat pratinjaunya secara langsung, dan salin properti yang siap pakai.

Edit empat titik kontrol kurva easing cubic-bezier CSS, seret pegangan atau ketik nilainya, pratinjau kurvanya, dan salin fungsi cubic-bezier().

Sesuaikan properti kontainer untuk Flexbox atau Grid CSS, lihat tata letak visual diperbarui secara langsung, dan salin CSS yang dihasilkan.

Hasilkan CSS kaca buram dengan kontrol blur, transparansi, saturasi, batas, dan bayangan plus warna tint, pratinjau di atas latar, lalu salin CSS berbasis backdrop-filter.