Skip to main content
ColorVision
Bahasa Indonesia
Alat Simulator Gratis

Simulator Buta Warna

Unggah gambar apa pun untuk melihat tampilannya bagi penyandang berbagai jenis gangguan penglihatan warna. Seluruh pemrosesan terjadi di peramban Anda — gambar Anda tidak pernah diunggah ke server mana pun.

Unggah gambar Anda

Filter Aktif

Normal

Penglihatan warna standar

Tampilan simulasi

Gambar hasil simulasi akan muncul di sini setelah diunggah.

Tentang simulator buta warna ini

Cara kerjanya

Simulator ini memakai matriks transformasi warna berdasarkan karya Machado, Oliveira & Fernandes (2009) untuk mengubah warna setiap piksel sebagaimana tampak bagi penyandang tiap jenis gangguan penglihatan warna. Semua perhitungan berjalan lokal di peramban Anda dengan HTML5 Canvas API.

Siapa yang memakai alat ini

Desainer dan pengembang memakai alat ini untuk menguji apakah antarmuka, infografik, bagan, atau materi pemasaran mereka dapat diakses oleh sekitar 300 juta penyandang gangguan penglihatan warna di seluruh dunia. Alat ini sangat berguna untuk pengujian kepatuhan aksesibilitas WCAG.

Protanopia

~1%

Buta merah. Tidak memiliki sel kerucut gelombang panjang (L).

Deuteranopia

~1%

Buta hijau. Tidak memiliki sel kerucut gelombang menengah (M).

Tritanopia

<0.01%

Buta biru. Tidak memiliki sel kerucut gelombang pendek (S).

Akromatopsia

<0.003%

Buta warna total. Hanya melihat gradasi abu-abu.

Untuk apa simulator ini

Simulator penglihatan warna adalah instrumen perancangan, bukan instrumen diagnosis. Anda memberinya sebuah gambar; ia mengembalikan perkiraan pembedaan warna mana yang bertahan melewati suatu defisiensi dan mana yang runtuh. Nilainya terletak pada yang runtuh. Bila dua hal di antarmuka Anda bermakna berbeda dan simulasi menyajikannya dengan warna yang sama, Anda telah menemukan cacat yang memengaruhi bagian besar khalayak Anda.

Perlu ketepatan tentang apa yang bukan merupakan keluarannya. Ia bukan jendela ke pengalaman subjektif siapa pun. Orang dengan deuteranomali bawaan telah melihat dunia seperti itu sejak lahir; persepsi warnanya biasa saja baginya, dan ia bahkan sering lebih baik daripada trikromat dalam tugas pembedaan tertentu. Menyajikan simulasi sebagai apa yang mereka lihat itu tidak akurat dan, ketika membingkai kondisi ini sebagai kekurangan, juga tidak membantu.

Yang benar-benar disampaikan simulasi adalah di mana rancangan Anda bergantung pada informasi yang tidak diterima oleh sebagian besar minoritas penonton. Itu fakta teknis yang dapat ditindaklanjuti.

Model di balik transformasi

Simulator sederhana memproyeksikan gambar ke garis warna yang dapat dibedakan seorang dikromat. Itu memadai untuk dikromasi tetapi keliru untuk trikromasi anomali yang jauh lebih umum, di mana kerucut yang terpengaruh ada dengan sensitivitas spektral yang bergeser dan informasi warna termampatkan alih-alih dihapus.

Simulator ini mengikuti pendekatan berbasis fisiologi dari Machado, Oliveira, dan Fernandes, yang memodelkan pergeseran sensitivitas kerucut secara langsung. Karena pergeseran itu adalah parameter sinambung, model yang sama mencakup seluruh rentang dari penglihatan normal, lewat anomali ringan, hingga dikromasi penuh, alih-alih memperlakukannya sebagai kasus yang tak berkaitan.

Memahami pembedaan ini mengubah cara merancang. Deuteranopia — kerucut gelombang menengah tidak ada — adalah kasus ketat. Deuteranomali — kerucut itu ada tetapi bergeser — adalah kasus umum, memengaruhi jauh lebih banyak orang, dan menghasilkan kegagalan yang lebih halus: warna yang secara teknis tetap terbedakan tetapi tidak lagi terpisah dalam sekali pandang pada grafik padat atau elemen antarmuka kecil.

Memanfaatkan keluarannya dengan baik

Muat gambar yang benar-benar membawa makna lewat warna: dasbor, grafik dengan legenda berkode warna, peta, formulir dengan status galat merah, diagram penunjuk arah. Bandingkan setiap simulasi dengan aslinya dan ajukan satu pertanyaan pada setiap pembedaan berkode warna: apakah ini masih memberi tahu penonton apa yang perlu ia ketahui?

Kegagalan umum yang layak dicari:

  • Indikator status merah dan hijau yang berubah menjadi nada kusam yang sama. Ini cacat aksesibilitas paling meluas dalam perangkat lunak.
  • Palet kategoris pada grafik tempat deret bertetangga melebur, terutama palet kualitatif yang dipilih demi keragaman estetis alih-alih pemisahan perseptual.
  • Peta panas berurutan yang melewati merah dan hijau lalu kehilangan urutannya.
  • Tautan yang dibedakan dari teks hanya oleh warna, yang lenyap sepenuhnya.
  • Penanda wajib isi dan status galat yang hanya dibawa oleh bingkai merah.

Perbaikannya nyaris tidak pernah berupa memakai warna lain. Perbaikannya adalah menambahkan petunjuk kedua yang bukan warna: label teks, ikon, bentuk, pola isian, posisi, garis bawah. Warna kemudian menjadi penguat makna alih-alih satu-satunya pembawanya — dan itulah yang dituntut kriteria penggunaan warna WCAG.

Di mana simulasi berhenti dapat diandalkan

Transformasi diterapkan pada nilai sRGB gambar Anda, sehingga ketepatannya dibatasi oleh seberapa setia layar Anda menyajikan sRGB dan oleh apakah gambar sumbernya memang dibuat dalam ruang itu. Materi bergamut lebar, konten HDR, dan alur kerja dengan manajemen warna yang berat semuanya akan menggeser hasilnya.

Model ini juga memerikan defisiensi bawaan. Kehilangan penglihatan warna yang didapat — dari glaukoma, retinopati diabetik, penyakit saraf optik, katarak, atau obat — sering berperilaku berbeda, kerap memengaruhi kedua mata secara tidak setara, dan lazimnya disertai penurunan ketajaman atau sensitivitas kontras yang tidak ditangkap transformasi warna mana pun.

Akhirnya, ingat bahwa simulasi hanyalah satu lensa. Ia memberi tahu rona mana yang melebur; ia tidak berkata apa pun tentang apakah teks Anda punya cukup kontras luminans untuk terbaca sejak awal. Pasangkan dengan pemeriksa kontras.

Untuk panduan lebih luas, lihat merancang untuk buta warna dan membuat grafik yang mudah diakses.

Ada Pertanyaan?

Pertanyaan yang Sering Diajukan

Semua yang perlu Anda ketahui tentang tes buta warna, cara kerjanya, dan apa yang harus dilakukan dengan hasilnya.

Apakah begini yang benar-benar dilihat orang buta warna?

Tidak, dan tidak ada simulator yang bisa begitu. Simulasi menyajikan, di layar berpenglihatan normal Anda, perkiraan informasi apa yang bertahan melewati sebuah defisiensi. Ia tidak dapat menghadirkan pengalaman subjektif. Orang yang lahir dengan defisiensi tidak pernah mengenal alternatifnya, sehingga warna-warnanya terasa biasa saja baginya — ia tidak mempersepsi dunianya sebagai versi pudar dari dunia Anda. Pakai keluarannya untuk menemukan di mana rancangan Anda kehilangan informasi, bukan untuk membayangkan pengalaman orang lain.

Model apa yang dipakai simulasi ini?

Ia mengikuti pendekatan berbasis fisiologi yang diuraikan Machado, Oliveira, dan Fernandes, yang memodelkan pergeseran sensitivitas spektral kerucut yang terpengaruh alih-alih sekadar memproyeksikan warna ke sebuah garis. Pembedaan itu penting bagi trikromasi anomali — protanomali dan deuteranomali — di mana kerucutnya ada tetapi bergeser dan keparahannya berubah secara sinambung.

Mengapa dikromasi dan trikromasi anomali tampak begitu berbeda?

Karena keduanya kondisi yang berbeda. Pada dikromasi satu kelas kerucut sama sekali tidak ada, sehingga informasi warna pada sumbu itu benar-benar hilang dan simulasi meruntuhkannya. Pada trikromasi anomali kerucutnya ada dengan puncak yang bergeser, sehingga informasi termampatkan alih-alih hilang. Trikromasi anomali jauh lebih umum, sehingga merancang hanya berdasarkan simulasi dikromatik melebih-lebihkan masalah di sebagian tempat dan meremehkannya di tempat lain.

Grafik saya masih terbaca dalam simulasi. Apakah sudah selesai?

Belum sepenuhnya. Simulasi memeriksa apakah rona tetap terbedakan, tetapi tidak memeriksa rasio kontras, dan tidak menangkap kasus ketika warna adalah satu-satunya petunjuk yang membawa makna. Jalankan juga pemeriksa kontras, dan pastikan setiap pembedaan berkode warna memiliki petunjuk kedua seperti label, pola, bentuk, atau posisi.

Apakah simulator mengunggah gambar saya?

Tidak. Transformasinya berjalan sepenuhnya di peramban Anda memakai elemen canvas. Gambar tidak pernah meninggalkan perangkat Anda dan tidak pernah dikirim ke server.

Terhadap jenis mana saya sebaiknya merancang?

Periksa deuteranomali lebih dulu, karena defisiensi deutan jauh paling umum, lalu deuteranopia sebagai kasus yang lebih ketat. Tambahkan tritanopia bila palet Anda bertumpu pada pembedaan biru-kuning. Rancangan yang bertahan melewati deuteranopia dan tritanopia dengan maknanya utuh umumnya akan bertahan pada bentuk yang lebih ringan.

Masih ada pertanyaan? Hubungi kami →