Pemeriksa Kontras Warna

Semua alat
Pemeriksa Kontras Warna
Periksa rasio kontras WCAG antara warna teks dan latar belakang — lihat nilai kelulusan/kegagalan AA/AAA untuk teks normal, teks besar, dan komponen UI, dengan pratinjau langsung dan saran warna aksesibel.
Warna teks
Tint
Warna latar belakang
Tint
Rasio kontras
--:1
Teks normal
Teks isi di bawah 18px (atau di bawah 14px tebal)
AA AAA
Teks besar
18px+ reguler, atau 14px+ tebal
AA AAA
Komponen UI
Ikon, border, kontrol formulir & grafik
AA AAA
Pratinjau langsung

The quick brown fox

Teks besar terbaca dengan nyaman ketika kontrasnya memadai.

Ini adalah contoh paragraf teks isi normal. Kontras warna yang baik membuat konten Anda dapat dibaca oleh semua orang, termasuk orang dengan penglihatan rendah atau buta warna. tautan contoh.

Teks kecil dan keterangan paling sulit dibaca — membutuhkan kontras paling banyak.
Tombol contoh Tombol contoh
Saran

Semuanya dihitung langsung di browser Anda menggunakan rumus luminansi-relatif WCAG 2.x — tidak ada unggahan, tidak perlu daftar, sepenuhnya gratis.

Bagikan ini
Alat Terkait
Simulator Buta Warna

Lihat gambar atau palet Anda sebagaimana dilihat oleh penderita protanopia, deuteranopia, tritanopia, atau achromatopsia — berjalan sepenuhnya di browser Anda, tidak ada yang diunggah.
Konverter Kode Warna

Konversi warna antara HEX, RGB, RGBA, HSL, HSLA, dan HSV — pilih warna, sesuaikan transparansi, dan salin format apa pun secara instan.
Pengekspor Palet

Tempel atau impor sekumpulan warna dan ekspor secara instan ke variabel CSS, SCSS, konfigurasi Tailwind, JSON, atau swatch SVG — langkah terakhir untuk palet apa pun.
Pencarian populer
pemeriksa kontras warna rasio kontras wcag pemeriksa kontras aksesibilitas pemeriksa kontras teks uji kontras aa aaa periksa kontras warna online

Tambahkan alat gratis ini ke situs web Anda sendiri — salin dan tempel kode di bawah ini.