ปัญหาสีข้ามเบราว์เซอร์


4

ดูภาพหน้าจอ 3 ภาพด้านล่าง มีค่า hex สีเขียวที่แตกต่างกันหลายค่าอย่างไรก็ตาม CSS กำลังประกาศ hex ที่ถูกต้อง (# A0CB3C) และภาพนั้นไม่ได้แนบข้อมูลโปรไฟล์สี (บันทึกไว้สำหรับเว็บจาก Sketch3)

enter image description here enter image description here enter image description here Chrome Firefox Safari

iMac ของฉันไม่มีการปรับเทียบสีพิเศษสำหรับจอแสดงผลและไม่มีการตั้งค่าสีพิเศษที่ฉันทราบ

ปัญหายังคงอยู่ในเบราว์เซอร์ที่ไม่ใช่ของ Apple ทั้งหมด นั่นคือสีที่สอดคล้องกันใน Safari (แม้ว่าจะยังไม่ถูกต้องนั่นคือภาพหน้าจอสุดท้าย) ในเบราว์เซอร์อื่น ๆ ทั้งหมดสีเขียวที่ใช้สำหรับเนื้อหาที่ใช้ CSS จะแตกต่างจากสีเขียวในรูปภาพ ฐานสิบหกไม่เลือกสีอย่างถูกต้อง ใด เบราว์เซอร์

เพื่อนร่วมงานของฉันนั่งถัดจากฉันด้วยการตั้งค่าใกล้เหมือนกันไม่มีปัญหานี้ ดังนั้นจึงเป็นสิ่งที่ชัดเจนสำหรับเครื่องของฉัน

ฉันจะเริ่มที่ไหน


เบราว์เซอร์ใดที่ใช้แสดงรูปที่ 1 และ 2
klanomath

ใน Safari ฉันเห็น # AOCD2B สำหรับ 2 คนแรก # A1CB3E สำหรับ 'safari' ใน Chrome ฉันเห็น # ADCB2E สำหรับ 2 คนแรกคือ # ADC93E สำหรับ 'safari' สอบเทียบเครื่องชั่งน้ำหนัก sRGB 'การตลาดมีสแควร์สีซีดอยู่ด้านล่างยกเว้น' ซาฟารี '[มันยังมีตามตัวเลขไม่ปรากฏให้เห็นจริงๆ]
Tetsujin

ฉันเพิ่งแก้ไขการติดฉลากนั่นคือ Chrome และ Firefox @ Tetsujin - ถูกต้องนั่นเป็นปัญหาและตารางมองเห็นได้อย่างสมบูรณ์แบบบนหน้าจอ iMac
Nathan Hornby

จริง ๆ แล้วฉันคิดว่านี่อาจเป็นเพียงการสอบเทียบ ฉันปิดการปรับเทียบของตัวเองเมื่อวานนี้ซึ่งไม่มีผลกระทบใด ๆ แต่วันนี้หลังจากรีสตาร์ทที่ดูเหมือนว่าจะแก้ไขได้แล้ว (การรีสตาร์ทโดยไม่ปิดการปรับเทียบไม่ได้ทำอะไรเลย) ฉันมี macbook ที่สอบเทียบที่นี่ซึ่งไม่มีปัญหานี้ แต่ ... ดังนั้นแม้ว่าจะเกี่ยวข้องกับการสอบเทียบดูเหมือนว่ามีมากกว่านั้น
Nathan Hornby

คำแนะนำอันน่ากลัวของ Kevin แต่ขอบคุณอยู่ดี 'จากมุมมองของนักพัฒนา' ถ้าภาพนั้นเป็นสีธรรมดาสิ่งที่คุณได้รับจากการใช้อัลฟ่าคือขนาดไฟล์ใหญ่ ปัญหาข้างต้นไม่ควรเกิดขึ้นดังนั้นแม้ว่าอัลฟาจะแก้ไขได้ แต่เป็นการแก้ปัญหาที่ไม่มีประสิทธิภาพ ข้อเสนอแนะที่ดีกว่าในกรณีนี้จากมุมมองของนักพัฒนาคือการใช้ SVG แต่นั่นก็ยังคงเป็นวิธีแก้ปัญหา
Nathan Hornby
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.