วิธีทำให้สีโลโก้ของฉันเหมือนกันใน Web & Print


16
  • ลูกค้าของฉันต้องการใช้ color # dd0017 เป็นสีแดงหลักของเขาในเว็บไซต์ของเขา
  • ตลอดทางที่เราออกแบบทั้งเว็บไซต์ & โลโก้เป็นสีนั้น (ฉันทำโลโก้เป็น RGB)
  • ตอนนี้เขากำลังขอรุ่นพิมพ์ ฉันพยายามทำให้โลโก้เหมือน # dd0017 แต่มันไม่ได้คำนึงถึงคุณค่าใด ๆ เลยในผู้วาดภาพประกอบหรือ Photoshop มันเปลี่ยนเป็น # db1e26 โดยอัตโนมัติ
  • ยิ่งไปกว่านั้นเว็บไซต์ส่วนใหญ่แสดงให้เห็นว่ารหัสสีที่เทียบเท่าสำหรับ CMYK คือ (0,100,93,13) เมื่อฉันพยายามที่จะได้รับรหัส Hex อีก # # 111128
  • โปรดทราบว่าฉันเป็นสามเณรเล็กน้อยในเรื่องของสี ฉันเป็นนักออกแบบเว็บไซต์ แต่บางครั้งฉันจำเป็นต้องสร้างโลโก้ แต่ฉันไม่เข้าใจพวกเขามากนัก

ดังนั้นจึงมีทางออกหรือไม่? หากไม่มีใครสามารถแนะนำฉันได้ฉันจะอธิบายให้ลูกค้าฟังได้อย่างไร


อันดับแรกตรวจสอบให้แน่ใจว่าทุกคนใช้ยี่ห้อและรุ่นเดียวกันกับจอภาพ
aslum

คำตอบ:


28

นี่คือคำตอบทางเทคนิค

การบอกว่าสีคือ# dd0017นั้นไม่มีความหมายเว้นแต่ว่ามีการจับคู่กับข้อมูลเกี่ยวกับพื้นที่สีที่คุณใช้! ดังนั้นการแปลงจาก# dd0017 เป็น CMYK ก็ไม่มีความหมาย ด้วยวาระการประชุมของเรานี้เราสามารถเริ่มต้นดูว่าจะมีความหมายเหมือนกันในสถานการณ์ของคุณ

เมื่อคุณพูดถึงสีที่บริสุทธิ์เช่น# dd0017คุณกำลังระบุสีที่แตกต่างกันในแต่ละจอภาพ เมื่อต้องการพูดคุยเกี่ยวกับเรื่องเดียวกันนั้นคุณจะมีปัญหาเพราะเราไม่รู้ว่าคุณหมายถึง:

  • เช่นเดียวกับบนจอภาพของคุณ
  • เช่นเดียวกับที่ลูกค้าของคุณตรวจสอบ
  • เหมือนกับใน colorpace มาตรฐาน

ดูว่าหมายเลขเดียวกันทำให้สีต่างกันใน colorpaces ที่แตกต่างกัน เพื่อให้เหมาะสมกับการแปลงสีที่แม่นยำคุณ muist ระบุพื้นที่สีที่ใช้ ดังนั้นตัวอย่างเช่น# dd0017 ใน sRGB colorspaceสมเหตุสมผล ตัวเลขไม่สำคัญและไม่มีข้อมูลนี้ไร้ประโยชน์โดยสิ้นเชิง ดังนั้นตัวเลขจึงไม่ได้เป็นตัวแทนของสีเนื่องจากเป็นตัวแทนของสีในหนึ่งช่องว่างช่องว่าง RGB ที่แตกต่างกันจะมีค่าตัวเลขต่างกัน *

เข้าสู่การจัดการสี เพื่อให้เข้าใจถึงสิ่งนี้คุณจำเป็นต้องรู้ว่าสีอยู่ในพื้นที่ว่างของอุปกรณ์ ในสาระสำคัญคุณต้องวัดจอภาพด้วย colormeter (หรือที่รู้จัก Calibrator Montor เช่นColorMunkiเป็นต้น) นอกจากนี้คุณจำเป็นต้องรู้ว่าสภาพแสงบนเดสก์ท็อปคืออะไรดังนั้นเพื่อความแม่นยำคุณจำเป็นต้องวัดจอแสดงผลที่ใช้งานอยู่ (หรือทำอย่างต่อเนื่อง) ตอนนี้คุณสามารถสร้างโปรไฟล์สำหรับจอภาพของคุณซึ่งบอกให้เราทราบว่าคอมโบ / พื้นที่ทำงานโดยเฉพาะนั้นดูเหมือนว่าทุกจอภาพในโลกจะไม่เหมือนใคร

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

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

จับ 13

การจับคู่สีเกี่ยวข้องกับปัญหามากมาย แต่คำถามสำคัญคือสิ่งที่ต้องทำกับสีที่ไม่สามารถทำซ้ำได้ เห็นว่าอาจเป็นเพราะสีของคุณเกินกว่าสีที่เครื่องพิมพ์ CMYK ของคุณสามารถผลิตได้ ขนาดของแต่ละพื้นที่นั้นเรียกว่าช่วงเสียงและช่วงเสียงเกินนั้นเป็นเรื่องง่ายเนื่องจากพื้นที่ sRGB มีขนาดใหญ่กว่าช่องว่าง CMYK มาตรฐาน SWOP, FOGRA, GRACol และอื่น ๆ ...

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

ใช่แล้วสามารถทำได้ แต่คุณต้องทำงานค่อนข้างมาก

* นี่คือสิ่งที่ Photoshop ทำเพื่อคุณโดยบอกว่าพื้นที่ที่คุณทำงานด้วยคือ X และจอภาพเป็น Y ดังนั้นตัวเลขจึงเปลี่ยนเพื่อให้เข้ากัน


โปรดทราบว่า Adobe แนะนำสีที่ปลอดภัยที่สุดซึ่งใกล้เคียงกับสีปัจจุบันมากที่สุดเมื่อเลือกสีใดสีหนึ่งจากจานสี มันแตกต่างสีที่ปลอดภัยสำหรับการพิมพ์และปลอดภัยสำหรับการแสดงผล ฉันคิดว่าปลอดภัยที่นี่หมายถึงไม่เสี่ยง
Crowley

5
นี่เป็นคำตอบที่ดี +1 คุณอาจต้องการพูดสั้น ๆว่าสีที่ผู้สังเกตการณ์สังเกตเห็นจะแตกต่างกันไปตามปัจจัยหลายประการรวมถึงแสง (เช่นเงา / เงา ฯลฯ ) และสีที่อยู่ใกล้สิ่งที่สังเกต (รวมถึงกระดาษบน สิ่งที่มันถูกพิมพ์ซึ่งยังสามารถมีเลือดออกผ่านการพิมพ์) มีภาพลวงตามากมายที่แสดงให้เห็นชัดเจนว่าสีเดียวกันจะรับรู้แตกต่างกันไปขึ้นอยู่กับสี / ภาพโดยรอบ
Makyen

8

การจับคู่สีระหว่างหน้าจอและการพิมพ์เป็นงานที่ซับซ้อนและบางครั้งเป็นไปไม่ได้ เนื่องจากลักษณะของแสง (หน้าจอ, RGB) เมื่อเทียบกับหมึก (CMYK, Pantones, ฯลฯ ) และความจริงที่ว่าทุกจอภาพจะแสดงสีที่แตกต่างกันเล็กน้อยและการพิมพ์จะดูแตกต่างกันในแสงที่แตกต่างกัน การจัดการสีประเภทนี้เป็นงานในตัวของมันเอง

อย่างไรก็ตามในกรณีนี้คุณอาจโชคดี สีที่เป็นปัญหาคือสีแดงที่สะอาดและสว่างสดใสดังนั้นตัวเลือกของคุณจึงมี จำกัด หากคุณกำลังพิมพ์ CMYK ก็มีโอกาสสูงที่ตัวเลือกที่ดีที่สุดของคุณคือ 100% Magenta และ 100% Yellow นี่เป็นสีแดงเหมือนที่คุณจะได้รับจากหมึกกระบวนการและมีข้อได้เปรียบของความเสถียรเนื่องจากคุณเพิ่งพิมพ์ของแข็ง หากคุณมีตัวเลือกในการใช้สี Pantone Spot ฉันจะแนะนำ Pantone 485 อีกครั้งสีแดงสดใสที่ดีซึ่งเป็นตัวเลือก 'ไปสู่' ของนักออกแบบสำหรับสีแดง

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


4

คุณควรเลือกค่าที่ใกล้เคียงที่สุดจากPantone Catalogซึ่งคุณสามารถค้นหาได้จากร้านพิมพ์ ด้วยวิธีนี้คุณจะมีสองสีสำหรับเว็บและการพิมพ์และคุณควรกำหนดไว้ในแนวทางการระบุตัวตนขององค์กร (คุณสามารถดูตัวอย่างได้จากลิงค์)

หากคุณสงสัยว่าสิ่งที่ก่อให้เกิดนี้สิ่งที่เป็นหน้าจอการทำงานใน RGB และงานพิมพ์สี CMYK คุณสามารถเห็นความแตกต่างที่นี่


4

ปัญหาของคุณคือ RGB และ CYMK ไม่มีขอบเขตเดียวกันหรือช่วงเดียวกัน มีสีที่ RGB สามารถผลิตซึ่ง CMYK ไม่สามารถทำได้

น่าเสียดายที่คุณต้องกลับไปที่ลูกค้าของคุณและอธิบายสิ่งนี้ซึ่งคุณควรทำตั้งแต่แรกเมื่อลูกค้าเลือกสีนั้น คุณอาจได้สีสปอตที่อยู่ใกล้ (ฉันไม่มีหนังสือ Pantone หรือ Trumatch เพื่อตรวจสอบ) แต่ถ้าไม่มีสีเดียว (หมึกผสมล่วงหน้า) ที่ใช้งานได้หรือ CMYK ไม่สามารถผลิตได้ ค่าลูกค้าของคุณจะต้องประนีประนอมอย่างใด

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


2

ไม่มีวิธีการทำให้สีมีลักษณะเหมือนกันทั้งในการพิมพ์และบนหน้าจอ ยกเว้นในกรณีที่หน้าจอจะถูกทาสีด้วยสีที่เหมาะสม

  • หน้าจอที่แตกต่างกันสองหน้าจอจะแสดงพิกัด RGB เดียวกันมากต่างกัน เพื่อสาธิตสิ่งนี้คุณสามารถเชื่อมต่อจอ CRT และ LED เข้ากับคอมพิวเตอร์และโคลนหน้าจอ
  • สีที่ถ่ายหนึ่งภาพจะแสดงต่างกันโดยใช้ช่องว่างสี Adobe-RGB, s-RGB, LAB และ CMYK
  • หนึ่งสีที่ถ่ายด้วยกล้องที่แตกต่างกันจะถูกนำเสนอแตกต่างกัน ชิป CMOS จากผู้ผลิตที่แตกต่างกันมีมาสก์ตัวกรองและความรู้สึกต่างกันเล็กน้อย
  • CMYK ที่เหมือนกันมาก (สีเดียวสำหรับการพิมพ์) สีจะถูกพิมพ์แตกต่างกันไปตามเครื่องพิมพ์ประเภทต่าง ๆ ใช้สำหรับยี่ห้อต่าง ๆ เช่นเดียวกัน
  • ประเภทสีที่แตกต่างกันและวัสดุฐานที่แตกต่างกันจะจางหายไป / อายุแตกต่างกัน พิมพ์กราฟิกง่าย ๆ ครอบคลุมส่วนหนึ่งของมันและปล่อยให้มันเป็นเวลาหนึ่งสัปดาห์กับแสงแดด
  • การตั้งค่าหน้าจอที่แตกต่างกัน (ความสว่างความคมชัดอุณหภูมิ) จะทำลายการจับคู่สีของคุณ

นอกจากนี้ยังมีจุดพิเศษอีกสองสามจุดที่แตะหัวข้อ

  • ไม่มีวิธีจับคู่สีที่พิมพ์ด้วยสีจริง (ของผลิตภัณฑ์ที่โฆษณา) โดยใช้ CMYK colourspace ยกเว้นกรณีที่ผลิตภัณฑ์มีสีที่แน่นอนเป็นสีที่ใช้ในเครื่องพิมพ์โดยเฉพาะ
  • วิธีการบรรลุผลกล่าวว่า Impreza-Blue (IB) และ STi-Purple (SP) สีในการพิมพ์คือการใช้ colourspace แบบขยายของ CMYK-IB-SP โดยใช้หมึกพิเศษ IB และ SP ตามมาตรฐาน CMYK . หมึกพิเศษเหล่านี้ผสมกันตามความต้องการ สี Impreza-Blue เป็นสีเมทัลลิคทั่วไปของ Subaru Impreza และ STi-purple เป็นสีของโลโก้ STi บนรถ

tl; dr
เพื่อแสดงความจริงว่ามันเป็นไปไม่ได้ที่จะสร้างสี่เหลี่ยมที่มีสี # FF0000

พิมพ์สแควร์นี้โดยใช้เครื่องพิมพ์หมึกและเครื่องพิมพ์เลเซอร์ ใช้กระดาษที่แตกต่างกัน - ทั้งสลัวและขัดเงา; สีขาว "ธรรมชาติ" สีเทา

แสดงให้ลูกค้าของคุณเห็นจัตุรัสแดงที่พิมพ์บนเอกสารบนหน้าจอ (LCD), หน้าจอ LCD ของคุณ, สมาร์ทโฟน, แท็บเล็ต, สมาร์ทโฟนของคุณ, แท็บเล็ตของคุณ

คุณสามารถเพิ่มส่วนของข้อมูลอาร์กิวเมนต์โดยใช้การตั้งค่าเครื่องพิมพ์ที่แตกต่างกัน (คุณภาพภาพถ่ายมาตรฐานร่าง) ยี่ห้อเครื่องพิมพ์อื่น (HP, Canon, Epson, Brother, UTAX, ... )


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


นั่นเป็นเพราะสีแดงนั้นน่าจะอยู่ในขอบเขต แต่เมื่อคุณอยู่ในช่วงเสียงแน่นอนมันเป็นไปได้ที่จะเข้ามาใกล้มาก ปัญหาคือการพิมพ์มีความไวต่อสภาพแสงมากกว่า sceens มากดังนั้นเพื่อประเมินการพิมพ์คุณควรทำในสภาพการรับชมมาตรฐาน
joojaa

@ joojaa จุดที่ดี ใช้เพื่อประโยชน์ของคุณ ฉันคิดว่าแม้ว่าคุณจะอยู่ในขอบเขตความแตกต่างจะยังคงมีอยู่ โดยเฉพาะอย่างยิ่งถ้าคุณใช้เครื่องพิมพ์หมึกความละเอียดต่ำและสีสดใส
Crowley
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.