Reka Bentuk & CSS
Jana warna dan CSS praktikal dengan pratonton tempatan langsung.
Penukar Warna
Tukar warna HEX, RGB dan HSL serta pratonton hasil yang tepat.
Buka alat →Penjana Kecerunan CSS
Bina gradien linear dua warna dan salin CSS sedia untuk pengeluaran.
Buka alat →Pemeriksa Kontras WCAG
kira nisbah kontras antara dua warna dan semak ambang teks WCAG AA dan AAA yang biasa.
Buka alat →Penjana Bayang Kotak CSS
gubah kotak bayang dengan nilai warna, anjakan, kabur dan sebaran langsung.
Buka alat →Penjana Bayangan Teks CSS
menyusun teks-bayangan deklarasi yang boleh dibaca dan pratontonnya terhadap latar belakang yang dipilih.
Buka alat →Penjana Jejari Sempadan CSS
tetapkan empat jejari sudut yang berasingan dan eksport pernyataan CSS yang terhasil.
Buka alat →Penjana Clamp CSS Responsif
kira ungkapan clamp cecair antara saiz minimum dan maksimum merentasi lebar viewport.
Buka alat →PX ↔ REM Penukar
menukar piksel dan unit rem menggunakan saiz fon akar yang jelas untuk susun atur yang boleh diakses.
Buka alat →Penjana Segitiga CSS
hasilkan segi tiga sempadan CSS tanpa saiz untuk empat arah dengan saiz dan warna yang boleh dikonfigurasikan.
Buka alat →Penjana Teduhan Warna
ciptakan skala warna cerah-ke-gelap yang deterministik daripada warna HEX dengan pembolehubah CSS yang boleh disalin.
Buka alat →Penjana Muat CSS
jana pemutar yang ringan dan mudah diakses dengan saiz, ketebalan, kelajuan dan warna yang boleh dikonfigurasikan.
Buka alat →Kalkulator Kekhususan CSS
kira spesifisiti pemilih dan bandingkan ID, kelas, atribut, pseudo-kelas dan pemilih elemen.
Buka alat →Pembina Fungsi Pelembutan CSS
sahkan titik kawalan cubic-bezier dan jana CSS timing peralihan yang boleh digunakan semula.
Buka alat →Pengekstrak Properti Tersuai CSS
cari pengisytiharan pembolehubah CSS, definisi berganda dan nilai teks penyelesaian terbaru mereka.
Buka alat →Pembina Pertanyaan Media CSS
jana pertanyaan media lebar, orientasi dan keutamaan-gerakan daripada syarat responsif yang eksplisit.
Buka alat →Pengekstrak Nilai Warna CSS
ekstrak dan hitung HEX, RGB, HSL dan nilai warna fungsional moden dari CSS yang dilekatkan.
Buka alat →Pembina Peraturan Sokongan CSS
menjana pertanyaan ciri positif dan fallback dari satu deklarasi CSS yang disahkan.
Buka alat →Pembina Tumpukan Fon CSS
bina susunan font-family berpetik dengan sandaran generik yang jelas dan penyingkiran pendua.
Buka alat →Penganalisis Indeks Z CSS
ekstrak pengisytiharan z-index bernombor dan susun nilai tindanan tanpa melaksanakan helaian gaya.
Buka alat →Audit Durasi Animasi CSS
inventori animasi dan masa peralihan serta laporkan sama ada pengendalian reduced-motion hadir.
Buka alat →Inventori Titik Henti CSS
ekstrak titik patah pertanyaan media min-width dan max-width serta laporkan kekerapan dan susunannya.
Buka alat →Pemeriksa Sifat Logikal CSS
bandingkan penggunaan sifat CSS fizikal dan relatif-aliran untuk susun atur yang mesra writing-mode.
Buka alat →Inventori Saiz Fon CSS
ekstrak pengisytiharan saiz fon mengikut nilai dan unit untuk mendedahkan skala tipografi yang tidak konsisten.
Buka alat →Penganalisis Trek Grid CSS
deklarasi baris dan lajur grid-templat inventori dengan ringkasan penggunaan repeat dan minmax.
Buka alat →Tiada alat yang sepadan pada halaman ini.