AbraCalc

Pemeriksa Kontras Warna

Periksa rasio kontras WCAG antara dua warna hex dan lihat apakah pasangan tersebut memenuhi standar aksesibilitas AA dan AAA.

Oleh · Ditinjau oleh AbraCalc Methodology Review · 2 sumber

Sematkan alat ini di situs Anda
Kutip alat ini

APA

AbraCalc. (2026). Pemeriksa Kontras Warna [Online calculator]. Retrieved from https://abracalc.com/id/pemeriksa-kontras-warna/

BibTeX

@misc{abracalc-pemeriksa-kontras-warna, author = {AbraCalc}, title = {Pemeriksa Kontras Warna}, year = {2026}, howpublished = {\url{https://abracalc.com/id/pemeriksa-kontras-warna/}} }

Apakah alat ini menjawab pertanyaan Anda?

Cara menggunakan alat ini

  1. Masukkan warna latar depan (teks) dan warna latar belakang sebagai kode hex.
  2. Alat ini menghitung luminansi relatif WCAG dari setiap warna.
  3. Baca rasio kontras dan hasil Lulus/Gagal untuk ambang batas AA dan AAA.

Periksa apakah dua warna memenuhi persyaratan kontras WCAG 2.1. Rasio minimum adalah 4.5:1 untuk teks normal (AA) dan 7:1 untuk standar tertinggi AAA.

Rumus

For each hex color, compute relative luminance L using the WCAG formula:
L = 0.2126 × lin(R) + 0.7152 × lin(G) + 0.0722 × lin(B)
where lin(c) = c/12.92 if c ≤ 0.03928, else lin(c) = ((c + 0.055)/1.055)2.4.

Contrast ratio: ratio = (Llighter + 0.05) / (Ldarker + 0.05)

WCAG thresholds: AA normal text ≥ 4.5:1; AA large text ≥ 3.0:1; AAA normal text ≥ 7.0:1; AAA large text ≥ 4.5:1.

Pertanyaan umum

Apa itu rasio kontras WCAG?
WCAG (Web Content Accessibility Guidelines) mendefinisikan rumus rasio kontras. Rentangnya dari 1:1 (tanpa kontras) hingga 21:1 (hitam di atas putih). Teks isi normal memerlukan setidaknya 4.5:1 untuk kepatuhan AA.
Apa yang dianggap sebagai teks besar?
Teks besar berukuran 18pt (24px) atau lebih besar, atau 14pt tebal (kira-kira 19px tebal). Teks besar hanya memerlukan rasio 3:1 untuk AA.

Referensi dan sumber