Desain & CSS

Ubah cuplikan kode menjadi gambar dengan penyorotan sintaksis di browser Anda, dengan 20+ bahasa, tema dan latar kustom, nomor baris, serta ekspor PNG atau SVG.

Periksa kontras WCAG 2.1 dan skor APCA Lc antara warna teks dan latar belakang, lihat lencana AA, AAA, dan 3:1, lalu terapkan warna lolos terdekat.

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 OKLCH, HSL, atau RGB dengan langkah yang bisa diatur, petunjuk kontras WCAG per langkah, dan ekspor ke CSS, Tailwind, dan JSON.

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 easing CSS cubic-bezier atau steps() dengan menyeret pegangan, pratinjau dengan animasi langsung, lalu salin nilai yang dihasilkan.

Bangun CSS Flexbox atau Grid secara visual dengan kontrol kontainer dan per-item, ukuran trek kustom, dan editor grid-template-areas, lalu salin CSS-nya.

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.