Alat warna

Cek Kontras Warna: WCAG AA dan AAA – Gratis

Gratis, tanpa daftar, berjalan di browser Anda. Periksa apakah teks mudah dibaca di atas latar belakangnya dengan rasio kontras WCAG, lihat hasil AA dan AAA untuk teks normal, teks besar, dan elemen kontrol, serta dapatkan warna terdekat yang lolos.

Teks besar terlihat seperti ini

Teks isi normal terlihat seperti ini. Seekor rubah cokelat yang gesit melompati anjing yang malas, dan tulisan kecil, seperti keterangan gambar, ada di bawahnya.

Teks kecil: keterangan 14px.

Tombol
Rasio kontras13.08:1
  • Teks normal, AA: LolosTeks isi, minimal 4.5:1
  • Teks normal, AAA: LolosDitingkatkan, minimal 7:1
  • Teks besar, AA: Lolos18pt+, atau 14pt+ tebal, minimal 3:1
  • Teks besar, AAA: LolosDitingkatkan, minimal 4.5:1
  • Ikon dan kontrol, AA: LolosTombol, garis tepi, garis grafik: 3:1

Memakai rumus kontras WCAG 2. Rasio tidak pernah dibulatkan ke atas, jadi 4.49:1 tidak dihitung sebagai 4.5:1. Diperiksa di perangkat Anda.

Mengapa menggunakan Cek Kontras Warna

100% gratis
Gunakan sesering yang Anda mau. Tanpa daftar, tanpa watermark, tanpa perlu memasang apa pun.
Privat sejak awal
Apa yang Anda ketik tetap di browser Anda dan tidak pernah dikirim ke kami.
Berjalan di perangkat apa pun
Berjalan di browser Anda di Windows, Mac, Linux, Android, dan iPhone. Tanpa perlu aplikasi.

Cara menggunakan Cek Kontras Warna

  1. Masukkan warna teks dan warna latar belakang, atau pilih warnanya.
  2. Lihat rasio kontras serta hasil lolos atau gagal.
  3. Jika gagal, klik warna saran yang lolos.

Pertanyaan yang sering diajukan

Berapa rasio kontras yang saya butuhkan?
WCAG AA mensyaratkan 4.5:1 untuk teks normal dan 3:1 untuk teks besar serta bagian antarmuka seperti tombol dan ikon. AAA mensyaratkan 7:1 dan 4.5:1.
Apa yang termasuk teks besar?
Minimal 18 poin (24px) biasa, atau 14 poin (sekitar 18.7px) tebal.
Apakah warna teks transparan juga bisa?
Bisa. Warna teks yang tembus pandang dicampur dengan latar belakangnya sebelum kontras diukur.
Kenapa 4.49:1 dinyatakan gagal?
WCAG menyatakan rasio tidak boleh dibulatkan ke atas, jadi apa pun di bawah 4.5:1 tidak memenuhi AA untuk teks normal.
Apakah Cek Kontras Warna gratis?
Ya. Gratis digunakan, tanpa daftar dan tanpa perlu memasang apa pun.

Bantuan dan panduan (dalam bahasa Inggris)

Alat terkait