Semua alat A–Z
ENESPTHIID
Alat Developer

Color Contrast Checker

Color Contrast Checker menghitung rasio kontras WCAG 2.1 antara dua warna apa pun dan menampilkan hasil lolos/gagal untuk level AA dan AAA, lengkap dengan pratinjau live teks Anda di atas background Anda.

Terakhir diperbarui: July 2026

Color contrast checker menghitung rasio kontras WCAG 2.1 antara warna teks dan warna background. WCAG mensyaratkan minimal 4.5:1 untuk teks normal (AA) dan 7:1 untuk AAA; teks besar membutuhkan 3:1 dan 4.5:1. Tool ini langsung menampilkan rasio pastinya, hasil lolos/gagal, dan pratinjau teks secara live.

Color Contrast CheckerBerjalan di browser Anda

Cara menggunakan Color Contrast Checker

  1. Pilih atau ketik warna teks dan warna background (hex).
  2. Baca rasio kontras dan hasil lolos/gagal AA/AAA.
  3. Sesuaikan warnanya (atau tukar posisinya) sampai kombinasi Anda lolos.

Pertanyaan yang sering diajukan

Rasio kontras berapa yang saya butuhkan?

WCAG AA mensyaratkan 4.5:1 untuk teks normal dan 3:1 untuk teks besar (18pt+, atau 14pt bold). AAA menaikkannya menjadi 7:1 dan 4.5:1.

Bagaimana rasio ini dihitung?

Menggunakan rumus relative luminance WCAG 2.1: luminance setiap warna dihitung dari nilai sRGB-nya, lalu rasio (L1 + 0.05) / (L2 + 0.05) diambil.

Apakah warna saya dikirim ke mana pun?

Tidak — rasio dihitung secara instan di browser Anda. Tidak ada yang diunggah.

alat developer terkait

Color Converter (HEX / RGB / HSL)

Konversi warna antara HEX, RGB, dan HSL, dengan colour picker dan preview langsung. Color converter gratis dan instan yang berjalan di browser.

RGB to HEX Color Converter

Konversi nilai warna RGB, HSL, dan HEX secara instan dengan pratinjau visual. Gratis, privat, langsung di browser.

CSS Gradient Generator

Buat linear dan radial CSS gradient secara visual dan copy code-nya. Gradient generator gratis, instan, di browser.

CSS Box Shadow Generator

Desain CSS box-shadow secara visual dengan slider dan copy code-nya. Box-shadow generator gratis, instan, di browser.