Semak nisbah kontras warna untuk pematuhan kebolehcapaian web. Uji kombinasi warna teks dan latar belakang mengikut garis panduan WCAG dengan pratonton masa nyata, penarafan kebolehcapaian, dan cadangan penambahbaikan.

Pilih Warna Teks
Klik pemilih warna pertama untuk memilih warna teks anda, atau masukkan kod heksadesimal secara langsung.
Pilih Warna Latar Belakang
Gunakan pemilih warna kedua untuk memilih warna latar belakang anda untuk ujian kontras.
Semak Hasil Kontras
Semak nisbah kontras yang dikira dan lihat penarafan AA/AAA untuk teks biasa dan besar.
Pratonton Reka Bentuk Anda
Lihat pratonton langsung untuk melihat bagaimana kombinasi warna anda kelihatan dengan kandungan teks sebenar.
Pengujian Kontras Masa Nyata
Kira nisbah kontras serta-merta apabila anda memilih kombinasi warna teks dan latar belakang yang berbeza.
Penarafan Pematuhan WCAG
Dapatkan penarafan AA dan AAA untuk teks biasa dan besar mengikut Garis Panduan Kebolehcapaian Kandungan Web.
Panel Pratonton Langsung
Lihat dengan tepat bagaimana kombinasi warna anda akan kelihatan dengan contoh teks dalam saiz biasa dan besar.
Petunjuk Skor Visual
Lihat prestasi kontras anda dengan carta bulat intuitif yang menunjukkan skor dari 0-100.
Pemilih Warna Interaktif
Pilih warna dengan mudah menggunakan alat pemilih warna terbina dalam untuk kedua-dua warna teks dan latar belakang.
Petua Kebolehcapaian
Dapatkan cadangan praktikal untuk meningkatkan kontras dan memenuhi piawaian kebolehcapaian.
Pemeriksa kontras warna adalah alat yang mengukur perbezaan luminans antara warna teks dan latar belakang. Ia mengira nisbah kontras mengikut piawaian WCAG (Garis Panduan Kebolehcapaian Kandungan Web) untuk memastikan kandungan mudah dibaca oleh pengguna dengan masalah penglihatan, termasuk buta warna dan penglihatan rendah.
Pematuhan WCAG
Pastikan reka bentuk anda memenuhi piawaian kebolehcapaian antarabangsa dengan penarafan AA dan AAA yang tepat.
Maklum Balas Masa Nyata
Lihat hasil serta-merta apabila anda melaraskan warna, menjadikannya mudah untuk mencari kombinasi yang patuh.
Sistem Skor Visual
Fahami prestasi kontras sepintas lalu dengan sistem skor 0-100 intuitif kami.
Tiada Pemasangan Diperlukan
Uji kombinasi warna serta-merta dalam pelayar anda tanpa memuat turun sebarang perisian.
Untuk teks biasa, sasarkan sekurang-kurangnya 4.5:1 untuk pematuhan AA atau 7:1 untuk AAA. Teks besar (18pt atau 14pt tebal) memerlukan 3:1 untuk AA atau 4.5:1 untuk pematuhan AAA.
AA adalah tahap standard pematuhan kebolehcapaian yang diperlukan oleh kebanyakan peraturan. AAA adalah tahap tertinggi, menyediakan kebolehcapaian yang dipertingkatkan untuk pengguna dengan masalah penglihatan yang lebih teruk.
Nisbah kontras dikira menggunakan luminans relatif warna seperti yang ditakrifkan oleh garis panduan WCAG. Ia berkisar dari 1:1 (tiada kontras) hingga 21:1 (kontras maksimum).
Teks besar ditakrifkan sebagai 18 mata (24px) atau lebih besar, atau 14 mata (18.66px) atau lebih besar jika tebal. Teks besar mempunyai keperluan kontras yang lebih longgar.
Kontras warna yang baik memastikan kandungan mudah dibaca oleh semua orang, termasuk pengguna dengan masalah penglihatan, buta warna, atau mereka yang melihat kandungan dalam cahaya matahari terang atau pada paparan yang kurang baik.
Alat ini menerima kod warna heksadesimal. Anda boleh menukar dari format lain (RGB, HSL, dll.) kepada heksadesimal menggunakan penukar dalam talian atau alat reka bentuk.