Langkau ke kandungan utama
Uddatak

Penyemak Kontras Warna

Pilih warna teks dan warna latar belakang untuk melihat nisbah kontras sebenar serta sama ada ia lulus ambang WCAG AA dan AAA bagi teks biasa dan teks besar — semakan penting untuk memastikan reka bentuk anda mudah dibaca dan mesra aksesibiliti bagi semua pengguna.

Alat Reka Bentuk dan CSS Berjalan sepenuhnya dalam pelayar anda

Semua pengiraan dilakukan pada peranti anda — warna tidak pernah dihantar ke mana-mana pelayan.

Teks biasa 16px Aa 123

Nisbah kontras: 18.88:1

AA (teks biasa): Lulus ✓
AA (teks besar): Lulus ✓
AAA (teks biasa): Lulus ✓
AAA (teks besar): Lulus ✓

Teruskan dengan

Sepenuhnya tempatan

Penukar Warna

Tukar warna antara format HEX, RGB dan HSL serta-merta.

Alat PembangunBuka alat
Sepenuhnya tempatan

Penjana Gradien CSS

Bina gradien CSS linear atau radial secara visual dan salin kodnya.

Alat Reka Bentuk dan CSSBuka alat
Sepenuhnya tempatan

Penyemak Kebolehaksesan HTML

Imbas kod HTML untuk isu kebolehaksesan biasa — teks alt yang hilang, medan tanpa label, susunan tajuk yang salah, dan banyak lagi.

Alat PembangunBuka alat

Alat berkaitan

Sepenuhnya tempatan

Penjana Gradien CSS

Bina gradien CSS linear atau radial secara visual dan salin kodnya.

Alat Reka Bentuk dan CSSBuka alat
Sepenuhnya tempatan

Penjana Box Shadow CSS

Reka bayang-bayang box-shadow CSS secara visual menggunakan slider dan salin kod yang dijana.

Alat Reka Bentuk dan CSSBuka alat
Sepenuhnya tempatan

Penjana Border Radius CSS

Reka bentuk bucu bulat secara visual — termasuk bentuk tidak simetri — dan salin kod CSS.

Alat Reka Bentuk dan CSSBuka alat
Sepenuhnya tempatan

Penukar PX ke REM

Tukar antara unit piksel dan rem berdasarkan saiz fon root tersuai.

Alat Reka Bentuk dan CSSBuka alat
Sepenuhnya tempatan

Pengekstrak Palet Warna

Ekstrak warna paling dominan daripada mana-mana imej, lengkap dengan kod HEX, RGB, dan CSS

Alat Reka Bentuk dan CSSBuka alat

Ingin mencuba Uddatak?

Layari perpustakaan alat yang lengkap dan mula gunakan apa yang anda perlukan sekarang — percuma, tanpa pendaftaran.

Lihat semua alat