Meja warna

Pemeriksa Kontras Warna

Periksa dua warna terhadap ambang kontras teks WCAG.

Pemeriksa Kontras Warna: TOEA menerapkan rumus tetap ini: Ratio = (L1 + 0.05) ÷ (L2 + 0.05). Perhitungan warna berjalan lokal di browser Anda. Berjalan 100% lokal di browser Anda tanpa upload file ke server.

Kategori
Tools sehari-hari
Dijalankan
Di browser Anda
Biaya
Gratis · tanpa daftar
Ketersediaan
Siap digunakan
TOEA / ENGINE WARNA 01Hanya di browser
LEMBAR INPUT / 01

Nilai warna

Nilai tetap di perangkat ini. Hitung ulang setelah mengubah input.

LEMBAR HASIL / 02

Rasio kontras

17,74

Teks normal AA
Pass
Teks normal AAA
Pass
Teks besar AA
Pass
Teks besar AAA
Pass
Ringkasan
AAA for normal and large text
Rumus perhitunganRasio = (L1 + 0.05) ÷ (L2 + 0.05)
ASUMSI / BACA SEBELUM MENGGUNAKAN
  1. Hasil adalah transformasi matematis sRGB deterministik; tampilan di layar bergantung pada monitor dan profil warna Anda.
  2. Input HEX menerima notasi #RGB atau #RRGGBB. Nilai tetap di browser Anda dan tidak diupload.

Apa yang dianggap sebagai teks besar

WCAG mendefinisikan teks besar sebagai minimal 18 point, sekitar 24 piksel CSS, atau 14 point tebal, sekitar 18,7 piksel. Hanya teks dengan ukuran tersebut yang boleh menggunakan ambang batas lebih rendah, yaitu 3:1; teks isi, caption, dan label formulir memerlukan 4,5:1 untuk AA. Rasio berkisar dari 1:1 untuk warna yang identik hingga 21:1 untuk hitam di atas putih. Garis tepi tombol, border kolom formulir, indikator fokus, dan ikon bermakna tercakup dalam aturan terpisah, yaitu kontras nonteks, yang memerlukan rasio 3:1 terhadap warna di sekitarnya.

Warna transparan dan pengecualian

Pemeriksa ini memerlukan warna solid. Untuk teks atau overlay semi-transparan, hitung warna yang benar-benar terlihat dengan mencampurnya bersama latar belakang di mixer warna, menggunakan opacity sebagai bobot, lalu periksa hasilnya.

Kontrol yang dinonaktifkan, dekorasi murni, dan logo dikecualikan dari aturan kontras. Teks placeholder dalam kolom formulir tidak dikecualikan, sehingga placeholder abu-abu pucat termasuk kegagalan yang paling umum.

Cara menggunakannya

  1. Masukkan nilai #RGB atau #RRGGBB yang valid dan persentase apa pun yang diminta.
  2. Jalankan operasi warna tetap secara lokal di browser.
  3. Tinjau contoh warna dan salin hasil atau nilai palet.

Privasi & batasan

Nilai warna tetap di perangkat ini. Keluaran kontras adalah pemeriksa matematis, bukan jaminan kepatuhan WCAG menyeluruh; konteks, perenderan font, kontras non-teks, dan status antarmuka pengguna tetap perlu ditinjau.

Alat terkait

Color MixerGenerator Tint

Pertanyaan umum

Bagaimana cara kerja Pemeriksa Kontras?

Menggunakan Ratio = (L1 + 0.05) ÷ (L2 + 0.05).

Format HEX mana yang diterima?

Gunakan notasi sRGB #RGB tiga digit atau #RRGGBB enam digit. Kanal alfa dan nama warna tidak diterima.

Apakah hasil kontras menjamin kepatuhan aksesibilitas?

Tidak. Ini adalah pemeriksa kontras matematis untuk warna yang dilaporkan dan ambang teks, bukan jaminan kepatuhan menyeluruh.

Alat gratis · berjalan di browser anda · tanpa perlu akun