Periksa rasio kontras warna untuk kepatuhan aksesibilitas web. Uji kombinasi warna teks dan latar belakang berdasarkan pedoman WCAG dengan pratinjau real-time, peringkat aksesibilitas, dan saran perbaikan.
Klik pemilih warna pertama untuk memilih warna teks Anda, atau masukkan kode hex secara langsung.
Gunakan pemilih warna kedua untuk memilih warna latar belakang Anda untuk uji kontras.
Periksa rasio kontras yang dihitung dan lihat peringkat AA/AAA untuk teks normal dan besar.
Lihat pratinjau langsung untuk melihat bagaimana kombinasi warna Anda terlihat dengan konten teks yang sebenarnya.
Segera hitung rasio kontras saat Anda memilih kombinasi warna teks dan latar belakang yang berbeda.
Dapatkan peringkat AA dan AAA untuk teks normal dan besar sesuai dengan Pedoman Aksesibilitas Konten Web.
Lihat dengan tepat bagaimana kombinasi warna Anda akan terlihat dengan contoh teks dalam ukuran normal dan besar.
Lihat kinerja kontras Anda dengan bagan lingkaran intuitif yang menunjukkan skor dari 0-100.
Pilih warna dengan mudah menggunakan alat pemilih warna bawaan untuk warna teks dan latar belakang.
Dapatkan saran praktis untuk meningkatkan kontras dan memenuhi standar aksesibilitas.
Pemeriksa kontras warna adalah alat yang mengukur perbedaan luminansi antara warna teks dan latar belakang. Alat ini menghitung rasio kontras sesuai dengan standar WCAG (Web Content Accessibility Guidelines) untuk memastikan konten mudah dibaca oleh pengguna dengan gangguan penglihatan, termasuk buta warna dan penglihatan rendah.
Pastikan desain Anda memenuhi standar aksesibilitas internasional dengan peringkat AA dan AAA yang akurat.
Lihat hasil instan saat Anda menyesuaikan warna, sehingga mudah menemukan kombinasi yang sesuai.
Pahami kinerja kontras secara sekilas dengan sistem penilaian 0-100 kami yang intuitif.
Uji kombinasi warna secara instan di browser Anda tanpa mengunduh perangkat lunak apa pun.
Untuk teks normal, targetkan setidaknya 4.5:1 untuk kepatuhan AA atau 7:1 untuk AAA. Teks besar (18pt atau 14pt tebal) membutuhkan 3:1 untuk AA atau 4.5:1 untuk kepatuhan AAA.
AA adalah tingkat standar kepatuhan aksesibilitas yang diwajibkan oleh sebagian besar peraturan. AAA adalah tingkat tertinggi, memberikan aksesibilitas yang ditingkatkan bagi pengguna dengan gangguan penglihatan yang lebih parah.
Rasio kontras dihitung menggunakan luminansi relatif warna sebagaimana didefinisikan oleh pedoman WCAG. Ini berkisar dari 1:1 (tanpa kontras) hingga 21:1 (kontras maksimum).
Teks besar didefinisikan sebagai 18 poin (24px) atau lebih besar, atau 14 poin (18.66px) atau lebih besar jika tebal. Teks besar memiliki persyaratan kontras yang lebih longgar.
Kontras warna yang baik memastikan konten mudah dibaca oleh semua orang, termasuk pengguna dengan gangguan penglihatan, buta warna, atau mereka yang melihat konten di bawah sinar matahari terang atau pada layar yang buruk.
Alat ini menerima kode warna hex. Anda dapat mengonversi dari format lain (RGB, HSL, dll.) ke hex menggunakan konverter online atau alat desain.
Buat gradien linear dan radial CSS yang menakjubkan dengan pembuat gradien kami yang mudah digunakan. Pilih warna, tentukan arah, dan salin kode CSS secara instan untuk proyek web Anda.
Hasilkan palet warna menakjubkan secara online dengan generator palet warna gratis kami. Buat skema warna yang harmonis menggunakan prinsip teori warna atau ekstrak warna dari gambar. Ekspor ke format CSS, SCSS, Tailwind, JSON, PDF, dan PNG.
Konversikan warna CMYK ke padanan Pantone terdekat menggunakan ilmu warna canggih. Jelajahi koleksi warna Pantone populer yang dikurasi dengan perbandingan warna waktu nyata dan fungsi salin.
Konversikan warna hex ke padanan Pantone terdekat dengan alat online gratis kami. Menampilkan pencocokan warna Delta E yang akurat, jelajahi lebih dari 40 warna Pantone populer, dan dapatkan perbandingan warna instan. Sempurna untuk desainer, percetakan, dan profesional warna.
Konversi warna HSV (Hue, Saturation, Value) ke padanan warna Pantone terdekat secara instan. Temukan warna Pantone yang sempurna dengan alat pencocokan warna komprehensif kami yang dilengkapi perbandingan visual dan ilmu warna yang akurat.
Konversi warna RGB ke padanan warna Pantone terdekat dengan algoritma pencocokan warna canggih kami. Jelajahi warna Pantone pilihan, bandingkan perbedaan warna, dan dapatkan kode warna yang akurat untuk proyek desain.