Apakah pengecek kontras WCAG ini gratis digunakan?

Ya, sepenuhnya gratis tanpa pendaftaran, tanpa pagar pembayaran, dan tanpa batas penggunaan. Buka halaman dan mulailah memeriksa warna segera.

Apakah ini bekerja offline atau tanpa koneksi internet?

Ya. Semua perhitungan berjalan sepenuhnya di browser Anda menggunakan JavaScript. Setelah halaman dimuat, Anda dapat memutus koneksi internet dan alat tetap berfungsi. Tidak ada data yang dikirim ke server mana pun.

Apakah data warna saya pribadi? Apakah sesuatu diunggah?

Warna Anda tidak pernah meninggalkan browser Anda. Tidak ada analisis pada warna yang Anda masukkan, tidak ada unggah, tidak ada berbagi pihak ketiga. Pasangan warna terakhir Anda hanya disimpan di localStorage browser Anda.

Apa perbedaan antara WCAG AA dan AAA?

AA adalah standar minimum yang diperlukan oleh sebagian besar regulasi (misalnya ADA, EN 301 549). Teks normal membutuhkan rasio 4,5:1; teks besar (24 px atau tebal 18,67 px) membutuhkan 3:1. AAA adalah aksesibilitas yang ditingkatkan: 7:1 untuk teks normal dan 4,5:1 untuk teks besar. Targetkan setidaknya AA dalam semua desain produksi.

Apakah saya dapat memeriksa warna menggunakan singkatan heksadesimal 3 digit seperti #fff?

Ya. Alat ini menerima singkatan heksadesimal 3 digit (#rgb) dan kode heksadesimal penuh 6 digit (#rrggbb). Hanya ketik atau tempelkan warna Anda dan pengecek akan memperluas dan memvalidasi secara otomatis.

Apakah alat ini mengunggah data saya?

Tidak. Semuanya berjalan langsung di browser Anda, jadi data Anda tidak pernah meninggalkan perangkat — bahkan tetap bisa dipakai offline setelah halaman dimuat.

🌗 Pengecek Kontras Warna (WCAG AA / AAA)

Periksa secara instan apakah pasangan warna teks dan latar belakang Anda memenuhi standar aksesibilitas WCAG 2.x AA atau AAA — langsung di browser Anda, gratis, tanpa data pernah meninggalkan perangkat Anda. Pilih atau ketik kode warna heksadesimal apa pun, lihat rasio kontras yang tepat, dan dapatkan badge lulus/gagal yang jelas untuk teks normal, teks besar, dan kedua tingkat kepatuhan.

Warna teks

Warna latar belakang

Hasil Kontras

—

rasio kontras

Pratinjau Langsung

Privat sejak awal. Alat ini berjalan sepenuhnya di browser Anda — tidak ada yang Anda masukkan diunggah atau disimpan, dan bisa dipakai offline.

Tentang

Rumus rasio kontras WCAG (Web Content Accessibility Guidelines) menghitung luminansi relatif untuk setiap warna menggunakan standar sRGB IEC 61966-2-1, lalu menghitung seberapa terang satu warna dibandingkan dengan warna lainnya. Rasio 4,5:1 atau lebih memenuhi AA untuk teks normal (16 px), sementara 7:1 atau lebih memenuhi AAA. Teks besar (24 px atau 18,67 px tebal) memiliki ambang batas yang lebih longgar: 3:1 untuk AA dan 4,5:1 untuk AAA. Alat ini menjalankan algoritma penuh WCAG 2.x sepenuhnya di browser Anda — tanpa server, tanpa akun. Hasil disimpan secara lokal, jadi pasangan warna terakhir Anda menunggu saat Anda kembali.

Cara pakai

Pilih warna teks Anda menggunakan pemilih warna atau ketik kode heksadesimal (misalnya #1a2b3c) di bidang Warna teks.
Pilih warna latar belakang dengan cara yang sama di bidang Warna latar belakang. Gunakan tombol Tukar untuk dengan cepat membalikkan dua warna.
Baca rasio kontras yang ditampilkan dalam teks besar dan periksa empat badge lulus/gagal: AA dan AAA untuk teks normal dan teks besar.
Pratinjau bagaimana teks Anda sebenarnya terlihat di latar belakang yang dipilih dalam bagian Preview Langsung sebelum menyelesaikan desain Anda.

FAQ

Apakah pengecek kontras WCAG ini gratis digunakan?: Ya, sepenuhnya gratis tanpa pendaftaran, tanpa pagar pembayaran, dan tanpa batas penggunaan. Buka halaman dan mulailah memeriksa warna segera.
Apakah ini bekerja offline atau tanpa koneksi internet?: Ya. Semua perhitungan berjalan sepenuhnya di browser Anda menggunakan JavaScript. Setelah halaman dimuat, Anda dapat memutus koneksi internet dan alat tetap berfungsi. Tidak ada data yang dikirim ke server mana pun.
Apakah data warna saya pribadi? Apakah sesuatu diunggah?: Warna Anda tidak pernah meninggalkan browser Anda. Tidak ada analisis pada warna yang Anda masukkan, tidak ada unggah, tidak ada berbagi pihak ketiga. Pasangan warna terakhir Anda hanya disimpan di localStorage browser Anda.
Apa perbedaan antara WCAG AA dan AAA?: AA adalah standar minimum yang diperlukan oleh sebagian besar regulasi (misalnya ADA, EN 301 549). Teks normal membutuhkan rasio 4,5:1; teks besar (24 px atau tebal 18,67 px) membutuhkan 3:1. AAA adalah aksesibilitas yang ditingkatkan: 7:1 untuk teks normal dan 4,5:1 untuk teks besar. Targetkan setidaknya AA dalam semua desain produksi.
Apakah saya dapat memeriksa warna menggunakan singkatan heksadesimal 3 digit seperti #fff?: Ya. Alat ini menerima singkatan heksadesimal 3 digit (#rgb) dan kode heksadesimal penuh 6 digit (#rrggbb). Hanya ketik atau tempelkan warna Anda dan pengecek akan memperluas dan memvalidasi secara otomatis.
Apakah alat ini mengunggah data saya?: Tidak. Semuanya berjalan langsung di browser Anda, jadi data Anda tidak pernah meninggalkan perangkat — bahkan tetap bisa dipakai offline setelah halaman dimuat.