Alat gambar dan desain

Contrast Checker

Contrast Checker berjalan di browser untuk memeriksa, mengonversi, atau menyiapkan hasil tanpa mengirim masukan ke server.

Alat gambar dan desain

Input / output

Aa Sample

Text contrast preview

WCAG result

21:1

Recommended color: #000000

Normal text AA

>= 4.5:1

Pass

Normal text AAA

>= 7:1

Pass

Large text AA

>= 3:1

Pass

Large text AAA

>= 4.5:1

Pass

UI component / non-text 3:1

>= 3:1

Pass

CSS code

.sample {
  color: #000000;
  background: #FFFFFF;
}
HelpOpen usage notes, examples, practical tips, and FAQ only when you need them.

What is this tool?

Contrast Checker adalah alat browser lokal untuk alur gambar dan desain. Masukan, opsi, dan hasil tetap dalam satu halaman.

How to use it

  1. Tempel input

    Masukkan atau tempel nilai yang ingin diproses.

  2. Atur opsi

    Pilih mode, format, atau satuan yang sesuai dengan contrast, WCAG, accessibility.

  3. Periksa hasil

    Jalankan alat, lalu salin atau unduh hasil setelah diperiksa.

Examples

Contoh Contrast Checker

Input
Masukan contoh
Output
Keluaran yang diperiksa di browser.

Practical tips

  • Mulai dengan sampel kecil saat konten besar.
  • Iklan tetap berada di luar kontrol utama dan hasil.

FAQ

Masukan apa yang dipakai untuk Contrast Checker?

Gunakan nilai yang sesuai dengan tugas yang terlihat dan atur opsi sebelum menjalankan.

Bisakah hasil Contrast Checker disalin?

Bisa. Periksa hasil lalu salin atau unduh saat sudah benar.

Apakah Contrast Checker berjalan di ponsel?

Ya. Masukan, opsi, dan hasil ditumpuk rapi di layar kecil.

Apakah masukan saya dikirim ke server?

Tidak. Alat dirancang untuk memproses masukan di browser.