Any-Tools.net
Penukar Percuma

Kontras Warna Pemeriksa (WCAG)

Semak nisbah kontras antara dua warna untuk pematuhan kebolehcapaian WCAG AA dan AAA. Percuma, segera dan berjalan sepenuhnya dalam penyemak imbas anda.

Teks Contoh — Saiz Biasa

Contoh teks kecil — 14px

Nisbah Kontras:21.00:1
WCAG AA — Teks Biasalulus
WCAG AA — Teks Besarlulus
WCAG AAA — Teks Biasalulus
WCAG AAA — Teks Besarlulus

Alatan Berkaitan

Lihat semua alatan

Palet Warna Pengekstrak daripada Imej

Ekstrak warna dominan daripada mana-mana imej serta-merta. Dapatkan nilai HEX dan RGB dengan satu klik. Percuma, selamat dan berjalan sepenuhnya dalam penyemak imbas anda.

Buta Warna Simulator

Simulasikan bagaimana imej kelihatan kepada orang yang mempunyai pelbagai jenis buta warna. Percuma, segera dan berjalan sepenuhnya dalam penyemak imbas anda.

Warna Rawak Penjana

Hasilkan warna rawak serta-merta dengan nilai HEX, RGB dan HSL. Cipta palet warna yang harmoni dengan satu klik. Percuma dan berjalan sepenuhnya dalam penyemak imbas anda.

Imej Penukar semula

Ubah saiz imej kepada sebarang dimensi. Kunci nisbah aspek untuk mengelakkan herotan. Eksport sebagai PNG, JPG atau WEBP.

Tentang alat ini

Semak nisbah kontras warna antara teks latar depan dan warna latar belakang mengikut garis panduan kebolehcapaian WCAG 2.1. Masukkan warna sebagai kod heks, nilai RGB atau nilai HSL dan serta-merta lihat nisbah kontras bersama-sama dengan keputusan lulus/gagal untuk pematuhan WCAG AA dan AAA pada kedua-dua saiz teks biasa dan besar.

Cara menggunakan

  1. Masukkan atau pilih warna latar depan (teks) anda menggunakan pemilih warna atau input heks.
  2. Masukkan atau pilih warna latar belakang anda.
  3. Lihat nisbah kontras dan keputusan lulus/gagal WCAG 2.1 AA/AAA serta-merta.
  4. Laraskan warna sehingga anda mencapai tahap pematuhan yang diingini.

Soalan lazim

Apakah nisbah kontras yang diperlukan untuk pematuhan WCAG?
WCAG AA memerlukan 4.5:1 untuk teks biasa dan 3:1 untuk teks besar (18pt+ atau 14pt+ tebal). WCAG AAA memerlukan 7:1 untuk teks biasa dan 4.5:1 untuk teks besar. Nisbah maksimum yang mungkin ialah 21:1 (hitam pada putih).
Mengapa kontras warna penting?
Kontras yang mencukupi memastikan teks boleh dibaca untuk pengguna yang mempunyai penglihatan rendah, buta warna atau mereka yang melihat skrin dalam cahaya matahari yang terang. Ia juga merupakan keperluan undang-undang di bawah peraturan kebolehaksesan ADA dan EU untuk kebanyakan tapak web.
Apakah yang dianggap 'teks besar' dalam WCAG?
Teks besar ditakrifkan sebagai 18pt (24px) dan ke atas untuk berat biasa, atau 14pt (18.66px) dan ke atas untuk teks tebal. Teks besar mempunyai keperluan kontras yang lebih rendah kerana ia sememangnya lebih mudah dibaca.
Adakah alat ini menyemak kontras untuk elemen bukan teks?
WCAG 2.1 memerlukan nisbah kontras 3:1 untuk komponen UI dan objek grafik (butang, ikon, medan borang). Anda boleh menggunakan alat ini untuk mengesahkannya juga — hanya masukkan komponen dan warna latar belakang.

Related Articles

File Formats

Image Format Guide: JPG vs PNG vs WebP vs SVG Explained

Learn the differences between popular image formats, when to use each one, and how to convert between them for optimal quality and file size.

8 min readDesign

Color & Design Tools Guide: Hex, RGB, HSL, and Color Palettes Explained

Master color formats, conversions, and palette generation. Learn the differences between Hex, RGB, HSL, and CMYK, and how to choose the right colors for web and print design.

9 min readPrivacy & Security

How to Convert Files Online Safely: Privacy and Security Guide

Understand the risks of online file conversion and learn how browser-based tools keep your data private. A guide to safe file handling.

7 min readPrivacy & Technology

Why Browser-Based Tools Are the Future: No Installs, No Uploads, No Risk

Discover why browser-based tools are replacing desktop software and cloud uploads. Learn how client-side processing keeps your files private while delivering powerful functionality.

7 min read