สูตรสำหรับการค้นหาผลลัพธ์ของสีหลังจากใช้ความทึบ x% ไปหรือไม่


10

ฉันมี 2 สี

  1. #a1a2a4
  2. สีดำ ( #000000)
  3. สีขาว ( #ffffff)

ตอนนี้ฉันต้องรู้ว่าความทึบแสง (เป็นเปอร์เซ็นต์) จะต้องใช้กับสีที่สอง (สีดำ) กับพื้นหลังของสีที่สาม (สีขาว) เพื่อให้ได้สี "ใกล้เคียงที่สุด" (ตามที่กำหนดโดยตา) เป็นครั้งแรก สี ( #a1a2a4)

ฉันจะทำยังไงต่อไป?


ดูเพิ่มเติมที่graphicdesign.stackexchange.com/questions/2204/…เพื่อดูวิธีอื่น ๆ
Jari Keinänen

ฉันสับสนเล็กน้อยจากถ้อยคำของคุณ: คุณต้องการสีgrayที่ใกล้เคียงที่สุดกับสีที่ระบุถูกต้องหรือไม่
horatio

คำตอบ:


6

กรณีนี้ง่ายหรือไม่มากนัก (คุณกำลังจัดการกับขาวดำ)

หลังจากใช้สี (# a1a2a4) แล้วให้ตรวจสอบระดับ RGB:

ระดับ RGB

คุณสามารถเห็นว่ามันมีประมาณ 162 (เฉลี่ย) และเมื่อรู้ว่ามันสามารถไปได้ตั้งแต่ 0 ถึง 255 คุณแค่ต้องค้นหาเปอร์เซ็นต์:

162 * 100/255 = ~ 63,5%

ตอนนี้เนื่องจาก RGB ทำงานในทางตรงกันข้ามเมื่อเทียบกับ CMYK (ในแง่ของการผสมสีนั่นคือการผสมสีแบบเต็มหมายถึงสีขาวและด้วยการผสมสีแบบเต็ม CMYK หมายถึงสีดำ) เปอร์เซ็นต์จริงในกรณีนี้คือความแตกต่างระหว่าง 100% และค่า ที่เราได้รับ:

100 - 63,5 = 36,5%

ดังนั้นถ้าคุณใช้ความทึบ 36% มันจะมีสีนี้ฉันแค่ทดสอบมัน

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


4

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

White == [1,1,1] หรือ #ffffff หรือ 255,255,255 ขึ้นอยู่กับใบสมัครของคุณ สีดำ == [0,0,0] ฯลฯ

ดังนั้น: ทำให้ค่าเป้าหมายเป็นมาตรฐาน (ในกรณีนี้คือ. 6314) ลบออกจาก 1 และใช้กับเลเยอร์สีดำเป็นค่าอัลฟา คุณสามารถทำได้ทีละช่องและหาค่าเฉลี่ย แต่ทำไมต้องกังวลเนื่องจากสีของคุณแยกไม่ออก (ตา) จากสีเทากลาง # a1a1a1 (สิ่งต่าง ๆ มีความซับซ้อนมากขึ้นถ้ามีเฉดสีที่มองเห็นได้เนื่องจากช่องจะมีค่าแตกต่างกัน แต่ใช้หลักการเดียวกัน)


นั่นคือความเซ็กซี่ที่จริงจังมาก 8)
Lauren-Clear-Monica-Ipsum

3
ขอบคุณทำไม! <ปรับตัวป้องกันกระเป๋าให้แน่ใจว่าปากกาเว้นระยะเท่ากัน>
อลัน Gilbertson

0

ชุดทดลองและข้อผิดพลาดที่เร็วขึ้นเล็กน้อย:

สร้างสีฐานสิบหกของคุณใน Photoshop ในเอกสาร CMYK และดูค่า CMYK ฉันได้รับ 39/32/31/1

สร้างสองชั้นสีดำด้านบนและสีขาวด้านล่าง

ดึงหน้าต่างข้อมูลขึ้น แยกกันดึงหน้าต่างเลเยอร์ขึ้น

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


คุณพูดถูก แต่มีวิธีที่ดีกว่าที่จะทำ 8-D
Alan Gilbertson

0

ด้วยสีพื้นหน้าและพื้นหลังของคุณ (ค่าสม่ำเสมอในช่อง R, G และ B) คุณไม่สามารถบรรลุสีที่ไม่สม่ำเสมอ#a1a2a4โดยการเปลี่ยนความทึบเนื่องจากความทึบส่งผลกระทบต่อทุกช่องสัญญาณในครั้งเดียว อย่างไรก็ตามคุณสามารถบรรลุ "ใกล้พอ" สีของโดยการตั้งค่าความทึบของการดำ#a1a1a1 0.37นี่คือเครื่องมือที่ฉันใช้:

http://colorizer.org/

  1. คลิก "พื้นหลัง" และตั้งค่าฐานสิบหกเป็น #fff
  2. คลิก "ปุ่ม" และตั้งค่า hex เป็น #000
  3. ใช้ยูทิลิตี้ eyedropper เพื่อค้นหาสีเป้าหมายในสเปกตรัม "Alpha / Opacity" จากนั้นคลิกที่สเปกตรัมเพื่อรับค่าความทึบ

0

การค้นหาสูตรนี้เป็นการออกกำลังกายที่ดีเยี่ยมในพีชคณิตเชิงเส้น ใช้ RGB และพีชคณิตเชิงเส้นฉันมากับเมทริกซ์ M นี้ถ้าคุณต้องการรวม RGBred = (237,32,36) และ RGBblue = (60,84,165) โดยที่ชั้นล่างเป็นความทึบ 100% และชั้นบนสุดคือ 50% opacity แล้วคูณ Mv โดยที่ M คือเมทริกซ์ด้านล่างและ v = (237,32,36,60,84,165) เราได้รับ Mv = (157.777,71.444,107.444)

ค่าจริงคือ (159,71,103) ดังนั้นเราค่อนข้างใกล้ แต่มีข้อผิดพลาดบางอย่าง - อาจเป็นเพราะฉันใช้ค่าแบบมนเพื่อคำนวณ M และ / หรือเพราะบางทีมันอาจไม่ใช้ RGB แต่สเกลอื่น ๆ เพื่อคำนวณความโปร่งใส ความแฟบ ฉันอาจจะได้เมทริกซ์ที่แม่นยำมากขึ้นโดยใช้วิธีกำลังสองน้อยที่สุด แต่ฉันขี้เกียจเกินไป

เมทริกซ์ MI ได้คือ

M=[-0.316438695251802233798084520470 -0.0205011495462359668020633451463 -0.627769626184202308338411657855 
    4.83088877248122926488562947487 -0.673109830626855247075257552051 0.137681159420289855072463768116]
[2.67597831835520455938498494132 0.215715090307662822540065922133 1.69848459052630338054958974280 -13.9750196437925615505500261925 
    3.20021608171817705605028810915 -0.370471014492753623188405797101]
[-6.62632375526968419148486246260 0.509833585674322977062528534400 -3.14436345482363613544439381045 35.0629474419416797625283743688
    -6.69242186135847738781211803779 1.41304347826086956521739130435]
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.