Kontras

Pastikan teks di website atau desain Anda tetap terbaca jelas. Pilih warna teks dan latar, hasilnya langsung terlihat sesuai standar aksesibilitas WCAG.

Privasi terjamin. Semua dihitung di browser Anda. Warna yang Anda masukkan tidak dikirim ke server dan tidak disimpan.

Pilih warna

Teks besar contoh (18pt ke atas)

Ini contoh paragraf teks normal. Kontras yang baik membuat tulisan nyaman dibaca, termasuk oleh orang dengan penglihatan kurang atau saat layar terkena sinar matahari.

Hasil

0:1 rasio kontras

    Gambar hasil dan tautan siap dibagikan ke klien atau tim. Gambar diberi tanda kecil “dibuat di supriyanto.id”.

    Ingin website atau desain Anda ramah aksesibilitas dan enak dibaca? Saya bisa bantu cek dan merapikan palet warnanya.

    Cara membaca hasil

    • AA adalah batas minimum yang disarankan untuk website umum (teks normal 4,5:1, teks besar dan komponen UI 3:1).
    • AAA lebih ketat (teks normal 7:1, teks besar 4,5:1), idealnya untuk teks panjang atau audiens luas.
    • Teks besar berarti minimal 18pt (sekitar 24px) atau 14pt tebal (sekitar 18,7px tebal).
    • Hitungan memakai rumus resmi WCAG 2.x. Hasil lolos tidak menjamin desain sepenuhnya aksesibel, tetapi ini langkah dasar yang penting.