Edukasi Warna: Memahami Buta Warna Parsial & Pencampuran Warna

Penjelasan Singkat Jenis Buta Warna Parsial

Buta warna parsial adalah kondisi di mana seseorang memiliki kesulitan dalam membedakan nuansa warna tertentu. Ini paling sering melibatkan kesulitan membedakan warna merah dan hijau, tetapi juga bisa melibatkan biru dan kuning. Berikut beberapa jenis utamanya:

Jenis buta warna parsial "lemah hijau" merujuk pada Deuteranomali, sedangkan "lemah merah" merujuk pada Protanomali.

Warna Mengandung Hijau (Rentan untuk Lemah Hijau)

DarkGreen
#006400
Green
#008000
Lime
#00FF00
Chartreuse
#7FFF00
GreenYellow
#ADFF2F
YellowGreen
#9ACD32
SeaGreen
#2E8B57
LightSeaGreen
#20B2AA
MediumSpringGreen
#00FA9A
SpringGreen
#00FF7F
MediumSeaGreen
#3CB371
ForestGreen
#228B22
DarkSlateGray
#2F4F4F
DarkCyan
#008B8B
Turquoise
#40E0D0
MediumTurquoise
#48D1CC
PaleTurquoise
#AFEEEE
DarkTurquoise
#00CED1

Warna Mengandung Merah (Rentan untuk Lemah Merah)

DarkRed
#8B0000
Brown
#A52A2A
FireBrick
#B22222
Crimson
#DC143C
Red
#FF0000
Tomato
#FF6347
OrangeRed
#FF4500
Salmon
#FA8072
DarkSalmon
#E9967A
LightCoral
#F08080
IndianRed
#CD5C5C
Coral
#FF7F50
PeachPuff
#FFDAB9
MistyRose
#FFE4E1
LavenderBlush
#FFF0F5
Maroon
#800000

Warna Mengandung Biru (Rentan untuk Lemah Biru / Tritanomaly)

DarkBlue
#00008B
MediumBlue
#0000CD
Blue
#0000FF
DodgerBlue
#1E90FF
RoyalBlue
#4169E1
SteelBlue
#4682B4
CadetBlue
#5F9EA0
SkyBlue
#87CEEB
LightSkyBlue
#87CEFA
LightBlue
#ADD8E6
LightSteelBlue
#B0C4DE
CornflowerBlue
#6495ED
DeepSkyBlue
#00BFFF
DodgerBlue2
#1C86EE

Warna Aman untuk Penglihatan Buta Warna Parsial

Hitam
#000000
Putih
#FFFFFF
Abu-abu
#808080
Ungu
#800080
Indigo
#4B0082
Oranye
#FFA500
Chocolate
#D2691E
DarkGray
#A9A9A9

Rekomendasi Kontras Warna Berdasarkan WCAG

Untuk memastikan teks dan elemen grafis mudah dibaca oleh semua orang, termasuk pengguna dengan buta warna atau penglihatan rendah, Web Content Accessibility Guidelines (WCAG) menetapkan persyaratan kontras warna.

Kontras warna diukur dengan rasio antara luminansi (kecerahan) warna latar belakang dan warna teks/elemen di atasnya. Rasio ini berkisar dari 1:1 (tanpa kontras, misal putih di atas putih) hingga 21:1 (kontras maksimal, misal hitam di atas putih).

WCAG memiliki dua level utama untuk kontras:

Memenuhi level AA adalah persyaratan umum, sementara level AAA memberikan aksesibilitas yang lebih baik.

Contoh Pasangan Warna dengan Kontras yang Baik

Teks Normal Rasio: 21:1
Level: AAA
Teks Normal Rasio: 21:1
Level: AAA
Teks Normal Rasio: 8.6:1
Level: AAA
Teks Normal Rasio: 8.2:1
Level: AAA
Teks Normal Rasio: 4.5:1
Level: AA
Teks Normal Rasio: 4.6:1
Level: AA
Teks Normal Rasio: 4.5:1
Level: AA

Menggunakan alat pemeriksa kontras online sangat direkomendasikan untuk memastikan kombinasi warna Anda memenuhi persyaratan WCAG.

Tips Penting untuk Desain yang Aksesibel:

Simulasi Pencampuran Warna Interaktif

Pilih jumlah warna di atas, lalu masukkan nilai komponen RGB/CMYK ATAU masukkan Kode Hex (#RRGGBB) atau Nama Warna HTML (seperti 'red', 'blue') di input teks di bawahnya. Jika input teks diisi, nilai angka diabaikan.

Warna 1

Warna 2

Hasil Pencampuran

Hex: #000000

RGB: rgb(0, 0, 0)

CMYK: cmyk(0, 0, 0, 0)