Menu Toolsenin
Kategori Alat
Informasi & Bantuan
Beranda Web Dev & Desain Color Palette & Kontras WCAG Checker

Color Palette & Kontras WCAG Checker

Generate kombinasi palet warna harmonis serta periksa rasio kontras teks (WCAG AA/AAA) agar mudah dibaca.

Pemeriksa Rasio Kontras Aksesibilitas (WCAG 2.1)

Pratinjau Judul Teks (Heading)

Ini adalah contoh pratinjau teks paragraf biasa. Memastikan keterbacaan teks adalah langkah krusial agar pengguna dengan keterbatasan penglihatan dapat membaca informasi dengan nyaman.

Rasio Kontras Terdeteksi:
16.1 : 1 (Sangat Baik)
Teks Biasa (WCAG AA - min 4.5:1)
Lolos (Pass)
Teks Besar (WCAG AA - min 3.0:1)
Lolos (Pass)
Teks Biasa (WCAG AAA - min 7.0:1)
Lolos (Pass)
IKLAN / SPONSOR
Ruang Iklan Terverifikasi Google AdSense Responsif, ramah pengguna, dan memenuhi pedoman IAB (Interactive Advertising Bureau).
Slot Iklan

Pedoman Aksesibilitas Kontras Warna WCAG 2.1

Web Content Accessibility Guidelines (WCAG) 2.1 menetapkan standar rasio kontras pencahayaan (*luminance contrast ratio*) antara teks dengan warna latar belakangnya untuk memastikan keterbacaan bagi semua kalangan:

  • Tingkat AA (Standar Minimal Web Modern): Mengharuskan rasio kontras minimal 4.5 : 1 untuk teks normal (di bawah 18pt) dan 3.0 : 1 untuk teks berukuran besar (18pt ke atas atau 14pt tebal).
  • Tingkat AAA (Standar Aksesibilitas Tertinggi): Mengharuskan rasio kontras minimal 7.0 : 1 untuk teks normal dan 4.5 : 1 untuk teks besar.
IKLAN / SPONSOR
Ruang Iklan Terverifikasi Google AdSense Responsif, ramah pengguna, dan memenuhi pedoman IAB (Interactive Advertising Bureau).
Slot Iklan

FAQ Kontras Warna

Mengapa Google mengutamakan website yang lulus uji kontras WCAG?
Audit Google Lighthouse dan Core Web Vitals menilai keramahan aksesibilitas halaman web. Situs dengan kontras warna yang buruk akan mendapat skor SEO dan performa yang lebih rendah di mesin pencari.