remover.bg
← บล็อก
อ่าน 1 นาที

เลือกสีพื้นหลังเมื่อคุณตาบอดสี

ไดคัทเป็นเรื่องง่าย แต่สีที่อยู่ข้างหลังคือสิ่งเดียวที่เช็กด้วยตาไม่ได้ อ่านค่า hex แทนการดูแผ่นสี ให้ความสว่างเป็นตัวแยก แล้วล็อกห้าเฉดไว้

  • colour blindness
  • accessibility
  • product photography
  • background colour
  • hex codes
  • contrast
  • ecommerce
เลือกสีพื้นหลังเมื่อคุณตาบอดสี

การไดคัทคือส่วนที่ง่าย คุณอัปโหลดรูปขึ้นไป ตัวสินค้าถูกแยกออกมาอย่างสะอาด แล้วคุณก็ต้องตอบคำถามข้อเดียวที่คุณเช็กด้วยตาไม่ได้: จะเอาสีอะไรไว้ข้างหลังมัน เลือกผิดแล้วแก้วมัคสีส้มสนิมจะจมหายไปในฉากหลังสีเขียวมะกอก หรือกระเป๋าถือหนังสีแทนจะกลายเป็นแค่ก้อนเลือน ๆ บนพื้นสีเบจ

มันพบได้บ่อยพอที่จะต้องออกแบบระบบมารองรับ National Eye Institute (NEI) ระบุว่าภาวะพร่องการมองเห็นสีเกิดกับผู้ชายราว 1 ใน 12 คน โดยแบบแดง-เขียวเป็นรูปแบบที่พบบ่อยที่สุด NEI อธิบายว่า deuteranomaly ซึ่งเป็นชนิดที่พบมากที่สุด ทำให้เฉดสีเขียวบางเฉดดูออกแดงมากขึ้น ส่วน protanomaly ทำให้เฉดสีแดงบางเฉดดูออกเขียวมากขึ้น และดูสว่างน้อยลง ส่วน tritanomaly ซึ่งพบได้ยากกว่า ทำให้สีน้ำเงินเบลอปนกับสีเขียว

ทางแก้ไม่ใช่การเพ่งให้หนักขึ้น แต่คือการเลิกใช้ดวงตาของคุณเป็นเครื่องมือวัด แล้วหันไปพึ่งสองสิ่งที่ไม่โกหก: ตัวเลขที่คุณอ่านได้ กับความสว่าง

ทำงานจากค่า hex อย่าทำงานจากตารางสีตัวอย่าง

การเลือกสีด้วยตาคือการเรียกร้องให้คุณตัดสินเนื้อสีอย่างละเอียด ในโซนที่การมองเห็นสีของคุณไม่แม่นยำพอดิบพอดี แถมไม่มีอะไรมาบอกทีหลังว่าถูกหรือผิด ส่วนค่า hex ที่เขียนไว้คืออักขระหกตัวที่คุณตรวจสอบได้ด้วยการคำนวณ

ภาพระยะใกล้ของการ์ดตัวอย่างสีวางเรียงเป็นแถว ทั้งสีเขียว เขียวเสจ และเขียวอมเทาอ่อน แต่ละใบมีรหัสอ้างอิงพิมพ์อยู่ข้างชื่อทางการตลาดของสีนั้น

ค่า hex คือค่าของช่องสีสามช่องเขียนต่อกัน — แดง แล้วเขียว แล้วน้ำเงิน — แต่ละช่องเป็นอักขระคู่ที่ไล่จาก 00 (ไม่มีเลย) ไปถึง FF (เต็มที่) #8A8A8A มีค่าทั้งสามช่องเท่ากัน มันจึงเป็นสีเทากลางแท้ ๆ ส่วนใน #F5F0E8 ช่องน้ำเงินอยู่ต่ำกว่าช่องแดงและช่องเขียว — นั่นแหละคือความหมายของคำว่า "อุ่น" จึงเกิดกับดักคลาสสิก: แผ่นสีที่ติดป้ายว่า "เทาอ่อน" แต่จริง ๆ แล้วเป็นสีเบจอมเทาโทนอุ่น และสีเบจอมเทานี่แหละที่กลืนสินค้าสีเบจ ครีม หรือคาเมลไปเงียบ ๆ

ตัวแก้ไขภาพใน remover.bg รับสีพื้นหลังแบบกำหนดเองได้ ไม่ใช่แค่พรีเซ็ต เพราะฉะนั้นให้เก็บไฟล์ข้อความธรรมดาที่บรรจุค่าสีที่ผ่านการอนุมัติแล้วเอาไว้ แล้วทำงานจากรายการนั้นแทนการตัดสินจากแผ่นตัวอย่างสี ทั้งการลบพื้นหลังและการเปลี่ยนพื้นหลังทำได้ทั้งบนเว็บแอปและแอปมือถือ คุณจึงไม่ถูกผูกไว้กับอุปกรณ์เครื่องเดียว

คู่สีที่ทำคนพลาดบ่อย

แบนคู่สีเหล่านี้ออกจากจานสีของคุณไปเลย ดีกว่ามานั่งตัดสินทีละกรณี:

  • สินค้าสีแดง สีสนิม หรือสีดินเผา บนพื้นหลังสีเขียวมะกอก เขียวเสจ หรือกากี
  • หนังสีน้ำตาล สีแทน สีคาเมล หรือสีคอนญัก บนพื้นสีเบจ สีกระดาษคราฟท์ หรือสีข้าวโอ๊ต
  • ของสีชมพูและสีแซลมอน บนสีเทาอุ่นโทนอ่อน ซึ่ง protanomaly ยังไปลดความสว่างที่รับรู้ได้ลงไปอีก
  • อะไรก็ตามที่เป็นสีเขียว เมื่อภาพพื้นหลังที่เอามาแทนยังมีใบไม้หรือพร็อพต้นไม้ติดอยู่
  • สีเขียวอมน้ำเงินกับสีเทา และสีน้ำเงินกับสีเขียว ถ้าภาวะพร่องสีของคุณอยู่ในแกนน้ำเงิน-เหลือง — และสีม่วงกับสีน้ำเงิน ถ้าเป็นแกนแดง-เขียว เพราะองค์ประกอบสีแดงในสีม่วงคือส่วนที่หายไป

คู่เหล่านี้พังทั้งที่เนื้อสี และ ยังมีความสว่างใกล้เคียงกัน ซึ่งนั่นแหละคือสิ่งที่ทำให้มันอันตราย สินค้าสีแดงบนพื้นสีเขียวที่เข้มกว่าอย่างชัดเจนยังแยกออกจากกันได้ดีอยู่

ความสว่างคือช่องทางเดียวที่คุณยังไว้ใจได้

เอกสาร Understanding ของ W3C สำหรับ WCAG 2.2 success criterion 1.4.3 พูดไว้ตรง ๆ ว่า อัตราส่วนคอนทราสต์คำนวณจากความสว่างสัมพัทธ์ (relative luminance) ไม่ใช่จากเนื้อสี และ "การแยกเฉดสีบางเฉดไม่ออกนั้น ไม่ได้ส่งผลลบต่อการรับรู้คอนทราสต์สว่าง-มืด" แนวทางนั้นเขียนไว้สำหรับตัวหนังสือ แต่สรีรวิทยาที่รองรับมันอยู่คือตัวเดียวกับที่ตัดสินว่าขอบสินค้าของคุณจะแยกตัวออกจากฉากหลังได้หรือไม่

แจกันเซรามิกเคลือบรานสีอ่อน จัดแสงตัดกับพื้นหลังสีเกือบดำ เงาร่างของมันถูกแยกออกจากฉากหลังด้วยความสว่างล้วน ๆ แทบไม่มีสีเข้ามาเกี่ยวเลย

ดังนั้นให้ความสว่างเป็นตัวตัดสิน: สินค้าสีอ่อนวางบนพื้นหลังเข้ม สินค้าสีเข้มวางบนพื้นหลังอ่อน สินค้าสีโทนกลางวางบนขั้วใดขั้วหนึ่งก็ได้ แต่ห้ามวางบนสีโทนกลางด้วยกันเด็ดขาด ตรวจเองได้ — เปิดภาพที่เสร็จแล้วในแอปแก้ไขภาพบนมือถือ ลากความอิ่มสีลงจนสุด แล้วมองดู ถ้าขอบยังชัดเจนทั้งที่สีหายไปหมดแล้ว มันก็จะชัดเจนสำหรับผู้ซื้อเช่นกัน

เงาตกกระทบก็ช่วยได้เหมือนกัน: มันวางแถบเข้มไว้ใต้ตัวสินค้าโดยไม่ขึ้นกับเนื้อสีของพื้นหลัง — ดู วิธีใส่เงาให้ดูสมจริงในภาพถ่ายด้วย remover.bg สำหรับการรักษาทิศทางของเงาให้สม่ำเสมอทั้งคอลเลกชัน

สร้างจานสีครั้งเดียว แล้วเลิกตัดสินใจ

ล็อกห้าค่านี้ไว้ แล้วไม่ต้องกลับมาตัดสินใจอีกเลย:

  1. #FFFFFF ขาวล้วน สำหรับประกาศขายบนมาร์เก็ตเพลสที่บังคับใช้สีนี้
  2. #F2F2F2 เทาเกือบขาว สำหรับสินค้าสีขาวและสีครีมที่จะหายไปกับพื้นขาวล้วน
  3. #8A8A8A เทากลาง ใช้เฉพาะกับสินค้าที่อ่อนมากหรือเข้มมากเท่านั้น
  4. #1C1C1C ดำเกือบสนิท สำหรับเซรามิกสีอ่อน เครื่องแก้ว และบรรจุภัณฑ์สีอ่อน
  5. สีประจำแบรนด์หนึ่งสี พร้อมค่า hex ที่จดเป็นลายลักษณ์อักษรตั้งแต่วันที่มีคนเลือกมัน

ส่งออกเป็นไฟล์พื้นหลังโปร่งใสสำหรับอะไรก็ตามที่จะไปวางบนหน้าเว็บที่มีสี หรือบนของพิมพ์ นั่นเลี่ยงคำถามนี้ไปทั้งข้อ — วิธีทำ PNG พื้นหลังโปร่งใสในไม่กี่วินาที (คู่มือ 2026) อธิบายไว้ว่าเมื่อไรที่นั่นคือทางเลือกที่ถูกต้อง

ถามคนคนเดียวครั้งเดียว แล้วจดมันไว้

นัดสิบห้านาทีกับคนหนึ่งคนที่คุณไว้ใจการมองเห็นสีของเขา ที่โต๊ะทำงานของคุณ โดยมีสินค้าวางอยู่ตรงหน้า ถามสองข้อต่อหนึ่งชิ้น: ขอบแยกออกจากพื้นหลังไหม และสีที่ว่า "กลาง" นั้นกลางจริงหรือเปล่า จดคำตอบเป็นค่า hex ผูกกับหมวดสินค้า — "เครื่องหนัง: #1C1C1C" — อย่าจดเป็นคำคุณศัพท์แบบ "สีนุ่ม ๆ อันนั้น" คำคุณศัพท์บังคับให้คุณกลับมาตัดสินใหม่ทุกครั้ง แต่ค่า hex ไม่ทำแบบนั้น

คนสองคนก้มดูโต๊ะที่เต็มไปด้วยชาร์ตตัวอย่างสีที่พิมพ์ออกมาและสมุดตัวอย่างสี คนหนึ่งชี้ไปที่ชาร์ตขณะที่อีกคนกำลังพลิกหน้า

เก็บรายการนี้ไว้ในที่ที่คุณก๊อบปี้ไปวางได้ ไม่ใช่ที่ที่ต้องเปิดเข้าไปดู ถ้าวันหนึ่งคุณอยากสร้างลุคเฉพาะตัวรอบ ๆ สีที่กำหนดเอง ทำไมพื้นหลังแบบกำหนดเองคืออนาคตของการถ่ายภาพสินค้า ก็ยังใช้ได้อยู่ — เพียงแต่คุณไปถึงสีนั้นด้วยบันทึก ไม่ใช่ด้วยสายตา

ตัดสินใจครั้งเดียว แล้วเขียนมันลงไป

ภาวะตาบอดสีไม่ได้หยุดคุณจากการผลิตแคตตาล็อกที่สม่ำเสมอ การด้นสดต่างหากที่หยุด ค่า hex ห้าค่าที่จดไว้ กฎเรื่องความสว่างที่คุณตรวจสอบได้ในโหมดขาวดำ และบทสนทนาหนึ่งครั้งที่บันทึกไว้ ชนะการเลือกพื้นหลังตามอารมณ์ทุกวันอังคาร

อ่านต่อ