Tiada muat naik, 100% setempat, tiada akaun

Simulator Buta Warna

Lihat imej anda melalui mata seseorang dengan kekurangan penglihatan warna. Pilih jenis, pratonton dan muat turun hasilnya. Semuanya berjalan dalam pelayar anda.

Cara Simulator buta warna berfungsi

Color Blindness Simulator menggunakan matriks transformasi warna ke atas imej anda untuk menunjukkan bagaimana ia kelihatan kepada orang dengan protanopia (buta merah), deuteranopia (buta hijau), tritanopia (buta biru) atau achromatopsia (buta warna lengkap). Matriks digunakan piksel demi piksel menggunakan Canvas.getImageData() dan Canvas.putImageData() dalam pelayar anda. Tiada data imej dihantar ke pelayan.

Simulasi berdasarkan model perseptual yang diterbitkan yang diterbitkan daripada kajian kecacatan penglihatan warna. Ia adalah anggaran bagaimana sistem visual seseorang yang terjejas memproses warna, bukan pengeluaran semula tepat pengalaman individu, yang berbeza. Alat ini direka untuk membantu pereka dan pembangun mengenal pasti masalah kontras atau pengekodan warna yang akan menjejaskan sebahagian besar penonton mereka: kira-kira 8 peratus lelaki dan 0.5 peratus wanita mempunyai beberapa bentuk kecacatan penglihatan warna.

Ditulis oleh Bastien Sulyan

Cara menggunakan Simulator buta warna, langkah demi langkah

  1. Lepaskan imej anda ke kawasan muat naik atau klik untuk melayari.
  2. Pilih jenis kecacatan penglihatan warna dari menu: protanopia, deuteranopia, tritanopia atau achromatopsia.
  3. Lihat hasil simulasi bersama asal dalam panel perbandingan.
  4. Togol antara jenis simulasi untuk membandingkan bagaimana setiap keadaan mempengaruhi imej.
  5. Gunakan paparan sebelah-menyebelah untuk mengenal pasti kawasan di mana warna sahaja menyampaikan maklumat yang mungkin hilang.

Kes penggunaan biasa

  • Pereka UI menyemak sama ada penunjuk status merah-hijau dapat dibezakan untuk pengguna dengan deuteranopia sebelum menghantar ciri.
  • Pengarang visualisasi data mengesahkan bahawa carta berbilang garis dengan siri berkod warna kekal boleh dibaca dalam simulasi protanopia.
  • Pereka jenama menilai bagaimana logo dengan warna kecerunan dibaca di bawah achromatopsia untuk memastikan ia mengekalkan bentuk dan kontras yang dapat dikenali.
  • Pembangun permainan menguji sama ada zon peta berkod warna dapat dibezakan untuk pemain dengan tritanopia dan menambah isian corak untuk melengkapi pengekodan warna.

Soalan lazim

Seberapa tepat simulasi buta warna?

Simulasi menggunakan matriks transformasi perseptual yang diterbitkan daripada penyelidikan kecacatan penglihatan warna. Ia adalah anggaran saintifik kes tipikal bagi setiap keadaan. Pengalaman individu berbeza: keterukan berbeza antara orang yang mempunyai diagnosis yang sama, dan simulasi tidak dapat mengambil kira strategi pampasan yang dikembangkan oleh sesetengah pengguna. Anggap output sebagai penunjuk yang berguna, bukan ujian muktamad.

Adakah alat ini meliputi semua jenis buta warna?

Empat jenis yang diliputi adalah bentuk kecacatan penglihatan warna yang paling biasa dan buta warna lengkap. Jenis trikromasi anomali (protanomali, deuteranomali, tritanomali), yang mewakili kecacatan separa, tidak dimodelkan secara berasingan dalam versi semasa.

Adakah imej saya dianalisis pada pelayan untuk menghasilkan simulasi?

Tidak. Transformasi matriks warna dikira secara setempat menggunakan Canvas.getImageData() untuk membaca susunan piksel dan Canvas.putImageData() untuk menulis hasilnya. Semua pemprosesan berlaku di dalam tab pelayar dan data imej kekal pada peranti anda.

Bolehkah saya menggunakan alat ini untuk menyemak nisbah kontras warna?

Alat ini menunjukkan bagaimana warna kelihatan kepada orang dengan kecacatan penglihatan warna tetapi tidak mengira nisbah kontras WCAG secara berangka. Untuk semakan kontras berangka, gunakan alat Color Converter, yang menyertakan penyemak kontras WCAG.

Adakah alat ini berfungsi dengan imej yang mengandungi teks?

Ya. Transformasi digunakan pada keseluruhan susunan piksel, termasuk sebarang teks yang dirender dalam imej. Ini membolehkan anda menyemak sama ada warna teks terhadap latar belakangnya kekal boleh dibaca di bawah setiap keadaan yang disimulasikan.

Alat berkaitan

Kekalkan semuanya setempat, terokai alat pelengkap.

Semua alat imej