← Blog
5 menit baca

Memilih Background Saat Anda Buta Warna

Hasil potongannya mudah; warna di belakangnya yang tak bisa Anda periksa dengan mata. Baca kode hex, biarkan tingkat kecerahan memisahkan, kunci lima warna.

  • colour blindness
  • accessibility
  • product photography
  • background colour
  • hex codes
  • contrast
  • ecommerce
Memilih Background Saat Anda Buta Warna

Hasil potongannya adalah bagian yang mudah. Anda mengunggah fotonya, produknya terlepas dengan bersih, lalu Anda harus menjawab satu pertanyaan yang tidak bisa Anda periksa dengan mata: warna apa yang ditaruh di belakangnya? Salah pilih, dan mug oranye karat tenggelam ke dalam background hijau zaitun, atau tas kulit cokelat muda hanya terbaca sebagai gumpalan samar di atas beige.

Ini cukup lazim untuk dijadikan pertimbangan sejak tahap desain. National Eye Institute (NEI) memperkirakan defisiensi penglihatan warna dialami sekitar 1 dari 12 pria, dengan merah-hijau sebagai bentuk yang paling sering. NEI menjelaskan deuteranomali, jenis yang paling umum, sebagai kondisi yang membuat corak hijau tertentu tampak lebih merah, dan protanomali sebagai kondisi yang membuat corak merah tertentu tampak lebih hijau dan kurang terang. Tritanomali, yang lebih jarang, mengaburkan biru terhadap hijau.

Perbaikannya bukan dengan berkonsentrasi lebih keras. Perbaikannya adalah berhenti memakai mata Anda sebagai alat ukur, lalu bersandar pada dua hal yang tidak berbohong: angka yang bisa Anda baca, dan tingkat kecerahan.

Bekerjalah dari kode hex, bukan dari kisi kartu warna

Memilih warna dengan mata menuntut penilaian rona yang halus persis di wilayah tempat penilaian Anda tidak bisa diandalkan, dan tanpa umpan balik apa pun sesudahnya. Kode hex yang tertulis adalah enam karakter yang bisa Anda periksa dengan aritmetika.

Foto dekat kartu warna (swatch) yang ditata berbaris dalam nuansa hijau, sage, dan hijau keabuan pucat, tiap kartu memuat kode referensi tercetak di samping nama pemasarannya.

Kode hex adalah tiga nilai kanal yang ditulis berurutan — merah, lalu hijau, lalu biru — masing-masing sepasang karakter yang berjalan dari 00 (nol) sampai FF (penuh). #8A8A8A punya ketiga nilainya sama besar, jadi itu abu-abu netral yang sungguhan. Pada #F5F0E8 nilai kanal birunya lebih rendah daripada merah dan hijau — itulah arti "hangat". Dari sinilah jebakan klasiknya muncul: sebuah kartu warna berlabel "abu-abu terang" yang sebenarnya adalah putty hangat, dan putty diam-diam menelan produk berwarna beige, krem, atau camel.

Editor di remover.bg menerima warna background kustom, bukan sekadar preset, jadi simpanlah satu berkas teks biasa berisi nilai-nilai yang sudah disetujui dan bekerjalah dari daftar itu alih-alih menilai kartu warna. Penghapusan maupun penggantian sama-sama berjalan di aplikasi web dan aplikasi mobile, jadi Anda tidak terikat pada satu perangkat.

Pasangan warna yang sering menjebak

Larang kombinasi berikut dari palet Anda secara mutlak, alih-alih menilainya kasus per kasus:

  • Produk merah, karat, atau terakota di atas background zaitun, sage, atau khaki
  • Kulit cokelat, tan, camel, atau cognac di atas beige, kraft, atau oatmeal
  • Barang merah muda dan salmon di atas abu-abu hangat yang terang, tempat protanomali juga menurunkan kecerahan yang tampak
  • Apa pun yang berwarna hijau, yang difoto dengan dedaunan atau properti dekorasi tanaman yang masih tertinggal di foto background penggantinya
  • Teal terhadap abu-abu, dan biru terhadap hijau, kalau defisiensi Anda ada di arah biru-kuning — serta ungu terhadap biru kalau defisiensinya merah-hijau, karena komponen merah pada ungu justru bagian yang hilang

Kombinasi ini gagal pada rona dan berada pada tingkat kecerahan yang mirip, dan itulah yang membuatnya berbahaya. Produk merah di atas hijau yang jelas lebih gelap tetap terpisah dengan baik.

Tingkat kecerahan adalah kanal yang masih bisa Anda percaya

Dokumen Understanding dari W3C untuk kriteria keberhasilan WCAG 2.2 nomor 1.4.3 menyatakannya dengan gamblang: rasio kontras dihitung dari luminans relatif, bukan dari rona, dan "ketidakmampuan membedakan corak warna tertentu tidak berdampak negatif pada persepsi kontras terang-gelap." Panduan itu ditulis untuk teks, tetapi fisiologi di baliknya sama persis dengan yang menentukan apakah tepi produk Anda terbaca di atas sebuah background.

Sebuah vas keramik pucat berglasir retak yang disorot cahaya di depan background nyaris hitam, siluetnya terpisah dari latarnya semata-mata oleh kecerahan, nyaris tanpa warna sama sekali.

Jadi biarkan tingkat kecerahan yang memikul keputusannya: produk terang di atas background gelap, produk gelap di atas background terang, produk mid-tone di salah satu ekstrem, tetapi tidak pernah di atas mid-tone yang lain. Periksa sendiri — buka gambar jadinya di aplikasi penyunting foto ponsel Anda, tarik saturasinya turun sampai habis, lalu lihat. Kalau tepinya masih jelas setelah warnanya hilang, tepinya juga akan jelas bagi pembeli.

Bayangan jatuh juga membantu: ia meletakkan pita gelap di bawah produk yang tidak bergantung pada rona background — lihat cara menambah bayangan realistis di foto untuk menjaga arah bayangannya konsisten di satu rangkaian produk.

Bangun paletnya sekali, lalu berhenti memutuskan

Tetapkan lima ini, lalu jangan pernah membuat penilaian itu lagi:

  1. #FFFFFF putih murni, untuk listing marketplace yang mensyaratkannya
  2. #F2F2F2 abu-abu nyaris putih, untuk produk putih dan krem yang akan lenyap di atas putih murni
  3. #8A8A8A abu-abu sedang, hanya untuk produk yang sangat terang atau sangat gelap
  4. #1C1C1C nyaris hitam, untuk keramik pucat, barang kaca, dan kemasan berwarna terang
  5. Satu warna brand, kode hex-nya dicatat secara tertulis pada hari seseorang memilihnya

Ekspor transparan untuk apa pun yang akan ditempatkan di halaman berwarna atau barang cetak; itu menyingkirkan pertanyaannya sama sekali — panduan PNG transparan membahas kapan itu memang pilihan yang tepat.

Tanya satu orang sekali saja, lalu catat

Sisihkan lima belas menit bersama satu orang yang penglihatan warnanya Anda percayai, di meja kerja Anda, dengan produknya ada di depan mata. Tanyakan dua hal untuk tiap barang: apakah tepinya terpisah, dan apakah yang "netral" itu benar-benar netral. Catat jawabannya sebagai kode hex yang terikat pada kategori — "barang kulit: #1C1C1C" — jangan pernah sebagai kata sifat seperti "yang lembut itu". Kata sifat memaksa Anda mengulang penilaiannya setiap kali; kode hex tidak.

Dua orang membungkuk di atas meja yang penuh lembar contoh warna tercetak dan sebuah buku kartu warna, salah satunya menunjuk ke sebuah lembar sementara yang lain membalik halaman.

Simpan daftarnya di tempat yang isinya Anda salin-tempel, bukan di tempat yang harus Anda buka dan baca dulu. Kalau nanti Anda membangun tampilan khas di sekitar sebuah warna kustom, background kustom sebagai masa depan fotografi produk tetap berlaku — Anda hanya sampai ke warnanya lewat catatan, bukan lewat mata.

Putuskan sekali, secara tertulis

Buta warna tidak menghalangi Anda menghasilkan katalog yang konsisten. Improvisasilah yang menghalangi. Lima nilai hex yang tertulis, satu aturan tingkat kecerahan yang bisa Anda verifikasi dalam grayscale, dan satu percakapan yang tercatat akan mengalahkan memilih background berdasarkan suasana hati setiap hari Selasa.

Lanjutkan membaca