Pemeriksa Kontras Warna

Semua alat
Pemeriksa Kontras Warna
Semak nisbah kontras WCAG antara warna teks dan latar belakang — lihat gred lulus/gagal AA/AAA untuk teks biasa, teks besar dan komponen UI, dengan pratonton langsung dan cadangan warna aksesibel.
Warna teks
Tint
Warna latar belakang
Tint
Nisbah kontras
--:1
Teks biasa
Teks badan di bawah 18px (atau di bawah 14px tebal)
AA AAA
Teks besar
18px+ biasa, atau 14px+ tebal
AA AAA
Komponen UI
Ikon, sempadan, kawalan borang & grafik
AA AAA
Pratonton langsung

The quick brown fox

Teks besar dibaca dengan selesa apabila kontras mencukupi.

Ini adalah perenggan contoh teks badan biasa. Kontras warna yang baik memastikan kandungan anda boleh dibaca oleh semua orang, termasuk mereka yang mempunyai penglihatan lemah atau buta warna. pautan contoh.

Cetakan kecil dan kapsyen adalah yang paling sukar dibaca — ia memerlukan kontras paling tinggi.
Butang contoh Butang contoh
Cadangan

Semuanya dikira langsung dalam pelayar anda menggunakan formula luminans relatif WCAG 2.x — tiada muat naik, tiada pendaftaran, sepenuhnya percuma.

Kongsi ini
Alat Berkaitan
Simulator Buta Warna

Lihat imej atau palet anda seperti yang dilihat oleh orang dengan protanopia, deuteranopia, tritanopia atau akromatopsia — berjalan sepenuhnya dalam pelayar anda, tiada apa yang dimuat naik.
Penukar Kod Warna

Tukar warna antara HEX, RGB, RGBA, HSL, HSLA dan HSV — pilih warna, laraskan alfa, dan salin sebarang format dengan segera.
Pengeksport Palet

Tampal atau import set warna dan eksportnya dengan segera ke pemboleh ubah CSS, SCSS, konfigurasi Tailwind, JSON atau swatch SVG — langkah terakhir untuk sebarang palet.
Carian popular
penyemak kontras warna nisbah kontras wcag penyemak kontras kebolehcapaian penyemak kontras teks ujian kontras aa aaa semak kontras warna dalam talian

Tambah alat percuma ini ke laman web anda sendiri — salin dan tampal kod di bawah.