Kembali ke Tools Warna

Pemeriksa Kontras

Periksa rasio kontras warna dan kepatuhan aksesibilitas WCAG.

Semua data diproses di browser Anda. Tidak ada yang diunggah ke server manapun.
Teks besar contohTeks kecil untuk menguji keterbacaan pada latar ini. Sphinx of black quartz, judge my vow.— pratinjau langsung
Rasio kontras13.34:1
Bagus
AA · teks kecilMin 4.5:1Lulus
AA · teks besarMin 3.0:1Lulus
AAA · teks kecilMin 7.0:1Lulus
AAA · teks besarMin 4.5:1Lulus

Tools lain yang mungkin berguna

Semua tools →

Pemilih Warna

Pilih warna dan buat harmoni (HEX, RGB, HSL)

Ekstraktor Palet

Ekstrak warna dominan dari gambar apapun

Pembuat Gradien

Buat gradien CSS dengan editor visual

Kompres Gambar

Kurangi ukuran file gambar dengan tetap menjaga kualitas

Hapus Latar Belakang

Hapus latar belakang gambar menggunakan AI

Konverter Format

Konversi gambar antar format (JPG, PNG, WebP, AVIF)

Pemeriksa Kontras — Aksesibilitas WCAG

Cek rasio kontras WCAG untuk aksesibilitas. Pastikan desain memenuhi standar AA dan AAA.

Jawaban singkat: Pemeriksa Kontras

Pemeriksa Kontras menghitung rasio antara warna teks dan latar untuk membantu mengecek target WCAG. Masukkan dua warna, lihat rasio serta status ukuran teks, lalu sesuaikan kombinasi sebelum dipakai.

Input
Warna foreground dan background.
Hasil
Rasio kontras dan indikator kelulusan yang tersedia.
Perlu diketahui
Rasio warna hanya satu bagian aksesibilitas; ukuran, ketebalan, state interaktif, gambar latar, dan kebutuhan pengguna tetap harus diuji.
Cari warna alternatif lewat Pemilih Warna.
  • ✓100% gratis, tanpa perlu daftar
  • ✓Berjalan di browser — tidak ada upload file ke server
  • ✓Proses cepat dengan hasil instan
  • ✓Kompatibel desktop dan mobile
  • ✓Privacy-first: data Anda tidak meninggalkan perangkat

Cara Menggunakan

  1. 1
    Siapkan input

    Warna foreground dan background.

  2. 2
    Atur dan proses

    Pemeriksa Kontras menghitung rasio antara warna teks dan latar untuk membantu mengecek target WCAG. Masukkan dua warna, lihat rasio serta status ukuran teks, lalu sesuaikan kombinasi sebelum dipakai.

  3. 3
    Periksa hasil

    Rasio kontras dan indikator kelulusan yang tersedia.

Apa yang perlu disiapkan untuk Pemeriksa Kontras?

Warna foreground dan background.

Apa hasil dari Pemeriksa Kontras?

Rasio kontras dan indikator kelulusan yang tersedia.

Apa batasan Pemeriksa Kontras?

Rasio warna hanya satu bagian aksesibilitas; ukuran, ketebalan, state interaktif, gambar latar, dan kebutuhan pengguna tetap harus diuji.