Warna dan desain CSS
Studio warna, palet, dan kontras
Konversikan model warna, buat skala CSS, ekstrak palet, serta periksa kontras WCAG atau APCA.
Buka alatKumpulan alat
Studio warna, aksesibilitas, dan CSS
Bandingkan warna dan kontras, siapkan gradien dan bayangan, lalu bangun tata letak Grid, Flexbox, atau fluid. Hasil pemeriksaan kontras bergantung pada standar yang dipilih dan tidak menggantikan audit aksesibilitas menyeluruh.
Studio untuk menelusuri warna, memeriksa kontras, dan merancang gradien, bayangan, serta tata letak CSS.
Alat dalam kumpulan ini
4 alat
Warna dan desain CSS
Studio gradien, bayangan, dan animasi CSS
Rancang gradien, bayangan, filter, transformasi, dan animasi CSS dengan pratinjau.
Buka alatWarna dan desain CSS
Studio CSS Grid, Flexbox, dan tipografi fluid
Rancang grid CSS, tata letak Flexbox, ukuran fluid, dan spasi responsif.
Buka alatGambar dan vektor
Studio SVG dan ikon vektor
Edit kode SVG, viewBox, dan warna, optimalkan jalur, lalu ekspor ke TSX/JSX, CSS Data URI, PNG, atau WebP.
Buka alatKategori yang tercakup
Pertanyaan tentang alat desain dan CSS
Apakah studio Color memeriksa kontras WCAG dan APCA?
Halaman studio Color menjelaskan metode dan ukuran yang tersedia. Periksa mode yang terpilih dan tafsirkan hasilnya sesuai konteks pemakaiannya.
Apakah pemeriksaan kontrasnya menggantikan audit aksesibilitas?
Tidak. Hasilnya bergantung pada standar yang dipilih dan tidak mencakup seluruh kriteria aksesibilitas suatu situs.
Apakah operasinya berjalan di browser?
Pemrosesannya bergantung pada alat dan fungsinya; lihat petunjuk ruang kerja sebelum memakai warna atau tata letak yang penting.
Apakah hasilnya dijamin?
Tidak. Uji hasilnya di browser target dan pastikan sesuai kebutuhan desain Anda.
Kumpulan terkait
Jelajahi alat berdasarkan jenis tugasnya.
Jelajahi semua alat