Periksa kontras warna
Pilih dua warna dan lihat rasionya, apakah lolos AA dan AAA, serta seperti apa sebenarnya tampilan kombinasi itu — termasuk dengan teks Jepang, yang lebih padat dan lebih sulit dibaca pada kontras rendah.
- Berjalan sepenuhnya di peramban Anda
- Berfungsi tanpa koneksi
- Tanpa unggah
- Tanpa pendaftaran
- Tanpa watermark
Memuat alat…
Cara kerjanya
- Pilih warna latar depan dan latar belakang, atau tempel nilai hex-nya.
- Baca rasionya dan empat hasil lulus/tidak lulusnya.
- Sesuaikan sampai teks isi lolos 4,5:1.
Kenapa tidak ada yang diunggah
Semua yang dikerjakan halaman ini dijalankan oleh kode di dalam tab peramban Anda, memakai mesin yang sama dengan yang menampilkan halaman web. File dibaca dari disk ke memori tab Anda, diolah di sana, lalu ditulis kembali sebagai unduhan. File itu tidak pernah dikirim ke mana pun — tidak ke kami, tidak ke pihak ketiga.
Buktikan sendiri
- Buka alat pengembang peramban Anda (F12) lalu pilih tab “Network” (Jaringan).
- Muat file Anda dan jalankan alatnya.
- Permintaan yang akan Anda lihat hanya mengambil kode alat itu sendiri — dan, pada beberapa alat berat, mesin sumber terbukanya dari CDN publik — ditambah satu ping kunjungan halaman yang kecil ke loreatec.jp (alamat dan judul halaman, tidak lebih). Tidak satu pun membawa file Anda.
Pertanyaan yang sering diajukan
Ambang batas mana yang berlaku untuk saya?
4,5:1 untuk teks isi biasa, 3:1 untuk teks berukuran 24px ke atas (19px kalau tebal) dan untuk elemen antarmuka seperti garis tepi kolom input dan ikon, 7:1 untuk AAA. Kalau Anda hanya mau mengingat satu angka, ingat 4,5.
Desain saya lolos tapi tetap terasa sulit dibaca.
Rasio kontras tidak mengukur ketebalan huruf, ukuran, atau jarak antarhuruf, dan huruf tipis nan terang pada 4,5:1 memang terasa tidak nyaman. Panel pratinjau ada di situ supaya Anda bisa menilai dengan mata Anda sendiri, bukan cuma dengan angka — terutama untuk bahasa Jepang, karena kanji yang padat pada ukuran kecil butuh kontras lebih tinggi daripada yang disyaratkan rumusnya.