Pemeriksa Kontras Warna
Periksa nisbah kontras warna untuk pematuhan WCAG 2.1. Sahkan standard AA dan AAA serta-merta.
Apakah nisbah kontras WCAG?
Nisbah kontras WCAG mengukur perbezaan luminans antara warna latar depan dan belakang. Berkisar dari 1:1 hingga 21:1.
Apakah keperluan WCAG AA dan AAA?
WCAG AA memerlukan minimum 4.5:1 untuk teks biasa dan 3:1 untuk teks besar. AAA memerlukan 7:1 dan 4.5:1.
Apakah dikira sebagai teks besar?
Teks besar ditakrifkan sebagai 18pt (24px) atau lebih besar, atau 14pt (18.66px) tebal atau lebih besar.
Mengapa kontras warna penting?
Kontras yang sesuai memastikan teks boleh dibaca oleh orang kurang upaya penglihatan dan meningkatkan keterbacaan untuk semua.
Bagaimana saya mengira nisbah kontras?
Dikira menggunakan nilai luminans relatif. Formulanya ialah (L1 + 0.05) / (L2 + 0.05).
Apakah kontras minimum untuk elemen UI?
WCAG memerlukan minimum 3:1 untuk komponen UI dan objek grafik.
Bolehkah saya menggunakan sebarang kombinasi warna?
Tidak semua kombinasi memenuhi standard kebolehcapaian. Gunakan pemeriksa ini untuk pengesahan.
Apakah luminans relatif?
Ia adalah kecerahan yang dirasakan bagi warna, dari 0 (hitam) hingga 1 (putih). Dikira menggunakan ruang warna sRGB.
Adakah saya perlu menyemak kontras imej?
Teks dalam imej mesti memenuhi keperluan yang sama. Untuk imej hiasan tidak terpakai.
Alat apa yang membantu kontras?
Gunakan alat pembangun pelayar, plugin reka bentuk, atau pemeriksa dalam talian seperti ini.
Cara Menggunakan Pemeriksa Kontras Warna
Semak seketika sama ada kontras teks dan UI memenuhi ambang AA dan AAA WCAG 2.1, sepenuhnya dalam pelayar anda. Masukkan dua warna dan nisbah dikira secara setempat — tiada apa-apa meninggalkan peranti.
- Taip atau tampal warna teks ke dalam medan Foreground Color, dalam sebarang format yang disokong seperti HEX atau RGB.
- Isi medan Background Color dengan warna di sebelah belakang teks untuk mengira nisbah kontras.
- Baca nisbah yang terhasil serta lencana lulus AA dan AAA untuk teks biasa dan teks besar.
- Laras mana-mana warna sehingga nisbah melebihi 4.5:1 untuk teks badan atau 3:1 untuk teks besar dan komponen UI.
- Tukar nilai Foreground Color dan Background Color untuk menguji pasangan songsang, seperti teks cerah pada tema gelap.
AAA (7:1) ialah sasaran bagus untuk bacaan panjang, tetapi 4.5:1 (AA) ialah garis dasar yang dituntut kebanyakan garis panduan kebolehcapaian.
Alat Berkaitan
- Pemilih Warna Pilih warna dari skrin dengan pipet. Salin kod HEX, RGB, HSL serta-merta. Alat pemilih warna dalam talian percuma.
- Penjana Palet Warna Cipta palet warna yang indah dan harmoni serta-merta dengan penjana dalam talian percuma kami. Menyokong mod monokromatik, analog, pelengkap, triadik, split-pelengkap, dan tetradik. Sesuaikan warna dengan peluncur HSL, kunci kegemaran, dan eksport sebagai CSS, Tailwind, JSON, atau SVG. 100% berasaskan pelayar, data anda tidak pernah meninggalkan peranti.
- Simulator Buta Warna Simulator buta warna dalam talian percuma. Uji reka bentuk untuk Protanopia, Deuteranopia, Tritanopia dan jenis lain. 100% peribadi, berjalan di pelayar.
- GIF Pecahkan Bingkai Ekstrak dan muat turun bingkai individu daripada animasi GIF sebagai PNG atau helaian sprite. Alat dalam talian percuma dengan pratonton dan eksport ZIP.
- GIF Terbalik Songsangkan urutan main balik animasi GIF dalam talian percuma. Muat naik, pratonton dan muat turun serta-merta.
- Pengubah Kelajuan GIF Ubah kelajuan animasi GIF dalam talian. Percepat atau perlahankan fail GIF serta-merta.
- Video ke GIF Tukar video kepada GIF beranimasi dalam talian. Laras kualiti, kadar bingkai dan resolusi terus dalam pelayar tanpa perlu muat naik.
- Pembuat Meme Penjana meme percuma dalam talian. Tambah kapsyen klasik atas dan bawah pada mana-mana imej, seret teksnya dan muat turun meme anda sebagai PNG atau JPEG serta-merta.