Softonic

Simulator Kebutaan Warna

Langkah 1 / 3 Jenis simulasi

Sekitar 8% pria dan 0,5% wanita memiliki bentuk gangguan penglihatan warna, paling sering merah-hijau. Unggah desain, tangkapan layar, atau ilustrasi, pilih satu mode simulasi, lalu bandingkan gambar asli dengan hasil simulasi secara berdampingan. Berguna untuk memeriksa apakah grafik, peta, atau antarmuka tetap mudah dipahami tanpa mengandalkan warna saja.

Cara kerja simulator

  1. 1

    Masukkan gambar

    PNG, JPG, WebP atau SVG. Diproses langsung di peramban, tidak perlu diunggah.

  2. 2

    Pilih mode simulasi

    Pilih protanopia, protanomaly, deuteranopia, deuteranomaly, tritanopia, tritanomaly, achromatopsia, atau achromatomaly.

  3. 3

    Pratinjau berdampingan

    Peramban menerapkan transformasi matriks dan menampilkan gambar asli di sebelah simulasi yang dipilih.

  4. 4

    Ekspor gambar simulasi

    Unduh simulasi yang dipilih sebagai PNG, atau ambil tangkapan layar hasil perbandingan untuk tinjauan desain.

Berbagai bentuk defisiensi penglihatan warna

Kondisi Prevalensi Karakteristik
Deuteranomali Sekitar 5% pria Anomali merah-hijau, posisi konus M bergeser
Protanomali Sekitar 1% pria Anomali merah-hijau, pergeseran sel kerucut tipe L
Deuteranopia Sekitar 1% pria Konus tipe M tidak terdapat, warna merah dan hijau hampir tidak dapat dibedakan
Protanopia Sekitar 1% pria Absensi sel kerucut tipe-L – persepsi warna merah terganggu
Tritanopia sangat langka tidak adanya konus S, sumbu biru-kuning mengalami kolaps
Tritanomali sangat jarang pergeseran konus S – hilangnya warna biru-kuning secara ringan
Achromatopsia sangat langka Kegagalan penglihatan warna total, hanya mampu membedakan gambar berwarna abu-abu

Sebagian besar desainer memulai dengan deuteranopia dan protanopia karena gangguan merah-hijau paling sering terjadi, lalu menambahkan mode anomali dan biru-kuning untuk pemeriksaan yang lebih luas.

Implikasi desain

  • Jangan hanya mengandalkan warna merah dan hijau untuk membedakan status suatu sistem. Indikator kesalahan atau keberhasilan memerlukan bentuk, ikon, atau label teks selain warna. Tanda X berwarna merah dan tanda centang berwarna hijau sangat mudah dibedakan secara visual; sedangkan lingkaran berwarna merah dan hijau tidak dapat dibedakan dengan jelas.
  • Grafik: gunakan pengisian pola, label langsung, atau palet warna yang mudah dikenali secara visual (ColorBrewer, Viridis). Hindari palet berwarna lampu lalu lintas untuk visualisasi data.
  • Peta: batas dan garis bayangan digunakan untuk membedakan wilayah; penggunaan warna saja tidak cukup.
  • Tautan: jangan pernah hanya menggunakan warna untuk menampilkan tautan. Garis bawah atau penyesuaian tebal membantu semua orang, termasuk mereka dengan penglihatan warna normal.
  • Bidang formulir wajib: ditandai dengan tanda bintang merah disertai keterangan “Wajib”, atau dengan batas merah yang dilengkapi teks penjelasan “Wajib”.
  • Indikator status: lampu lalu lintas merah, kuning, dan hijau berfungsi sebagai pelengkap, tidak boleh menjadi satu-satunya sinyal.

Pilihan palet yang baik untuk desain yang aman bagi buta warna

  • Viridis (digunakan secara default dalam matplotlib dan D3): skala warna dari ungu ke kuning yang tampak seragam secara perseptual.
  • ColorBrewer kualitatif: 8 nuansa berbeda yang dirancang agar tetap dapat dibedakan dalam bentuk-bentuk CVD umum.
  • Okabe-Ito: palet 8 warna yang dirancang khusus untuk memudahkan pengguna dengan gangguan penglihatan warna.

Alat dan Pengujian

  • Pratinjau simulator (alat ini), pemeriksaan visual cepat.
  • Pemeriksa Kontras WCAG, memastikan teks tetap mudah dibaca terlepas dari persepsi warna.
  • Uji coba oleh pengguna nyata, tidak ada yang bisa menggantikan cara menunjukkan desain Anda kepada pengguna yang menderita gangguan penglihatan warna.

Fakta Menarik

Simulator penglihatan warna modern memakai pendekatan matriks untuk memetakan respons sel kerucut ke RGB. Perlakukan pratinjau ini sebagai pemeriksaan desain praktis, bukan diagnosis medis atau salinan persis persepsi satu orang.

Pertanyaan yang Sering Diajukan

Ini adalah pendekatan yang berguna, tetapi persepsi warna nyata berbeda pada setiap orang. Sebagian besar gangguan merah-hijau berada pada spektrum ringan hingga berat, jadi gunakan pratinjau sebagai sinyal desain, bukan diagnosis.

Deuteranomali mencakup kelompok terbesar pengguna yang mengalami gangguan penglihatan warna (sekitar 5% pria). Pemeriksaan terhadap deuteranopia (bentuk yang parah) merupakan langkah pemeriksaan yang konservatif; jika suatu desain berhasil diuji pada kasus tersebut, maka desain itu juga akan berfungsi dengan baik untuk jenis gangguan yang lebih ringan.

Ya, meskipun jauh lebih jarang terjadi (~0,5%). Defisiensi warna merah-hijau bersifat resesif terkait kromosom X; oleh karena itu, pria (XY) hanya memerlukan satu kromosom X yang terpengaruh, sedangkan wanita (XX) memerlukan kedua kromosom tersebut. Tritanopia merupakan kelainan autosomal yang memengaruhi kedua jenis kelamin secara setara.

Tidak secara langsung terdapat dalam alat ini; itu merupakan simulasi penglihatan rendah umum yang juga mencakup efek kabur dan penurunan kontras. Untuk simulasi aksesibilitas yang lengkap, diperlukan alat khusus seperti Lighthouse dari Chrome atau NoCoffee.

Alat Terkait

Pembuat Undangan

Buat undangan pernikahan, ulang tahun, akikah, atau acara kantor. Sesuaikan tulisan dan warna, lihat pratinjau langsung, lalu unduh PNG siap cetak ukuran 5R.

Generator Favicon dari Inisial dan Emoji

Buat favicon dari inisial atau satu emoji. Pilih bentuk dan latar; desain teks juga menyediakan warna karakter dan gaya font.

Pembaca Kode QR

Dekode kode QR dari gambar PNG, JPG, atau WebP di browser. Lihat URL, Wi-Fi, vCard, SMS, email, kalender, geo, atau teks sebelum digunakan.

Generator Kode QR

Buat kode QR secara lokal di browser dari URL, teks biasa, atau payload QR yang diformat benar, lalu unduh sebagai PNG.

Vektorisasi PNG ke SVG

Telusuri gambar raster PNG menjadi jalur SVG langsung di browser. Cocok untuk logo, ikon, dan gambar garis. Atur ambang, jumlah warna, dan penghalusan.

Editor Foto

Editor foto berbasis browser dengan pangkas, putar, kecerahan, kontras, saturasi, filter, hamparan teks, dan ekspor ke JPG, PNG, atau WebP.