ฉันจะค้นหารหัสสีบน Mac ได้อย่างไร


134

ผมใช้ในการหารหัสสีที่ฉันต้องการที่จะใช้สำหรับข้อความหรือสีพื้นหลังใน HTMLs กับcolor edit toolของMS paintที่ที่ติดตั้งบน Windows
แต่ตอนนี้ฉันใช้ Mac แทน Windows
ฉันจะค้นหารหัสสีด้วย Mac ได้อย่างไร
ซอฟต์แวร์เช่น MS paint ติดตั้งล่วงหน้าบน Mac หรือไม่?

คำตอบ:


230

มียูทิลิตี้ (ในApplications / Utilities ) ที่เรียกว่าDigital Color Meterซึ่งแสดงรหัสสีของสิ่งที่คุณกำลังโฉบในขณะนี้ น้ำหนักเบากว่าPreviewสักหน่อย นอกจากนี้ยังมีปุ่มลัดสำหรับคัดลอกค่าสีเป็นสตริง ( + + C) หรือรูปภาพ ( + + C)


4
และนี่ดีกว่าตัวเลือก MS Paint
Nivas

1
ขอบคุณมาก. นี่เป็นเครื่องมือที่ดีมาก ๆ กว่า ms paint! ฉันซื้อแม็คเครื่องแรกและขาย windows เพียง 2 สัปดาห์ที่ผ่านมา และฉันคิดถึง windows สำหรับ windows ก็ใช้งานง่ายสำหรับฉัน ฉันหวังว่าจะมีสิ่งที่ดีกว่ามากมายที่ฉันยังไม่รู้บน mac
js_

ฉันสามารถแก้ไข (เช่นทำให้สีสว่างขึ้นหรือเทาขึ้น) เลือกสีด้วย Digital Color Meter ได้หรือไม่
js_

@js_ FYI เมื่อคุณพูดถึง "ทำให้สว่างขึ้น" หรือ "เทามากขึ้น" คุณต้องการใช้โมเดลสี HSL นี่คือเครื่องมือออนไลน์: hslpicker.comซึ่งคุณสามารถพิมพ์ค่า rgb จาก Digital Color Meter ของคุณจากนั้นปรับ Saturation ("greyness") และ lightness
ghoppe

5
หากคุณกำลังมองหารหัส HEX สำหรับงานเว็บเช่น#e5e5e5สามารถดูได้ที่View-> Display Valuesใน Digital Color Meter
pscl

33

มิเตอร์ดิจิตอลสีใน / Applications / Utilities / เป็นตัวเลือกที่ดีที่สุด

ป้อนคำอธิบายรูปภาพที่นี่

แผงสี - ตัวเลือก

เครื่องมือเลือกนี้เกือบทุกที่ ป้อนคำอธิบายรูปภาพที่นี่ถ้าคุณดูอย่างระมัดระวัง

มองอย่างใกล้ชิดการควบคุมตัวอักษรและคุณอาจจะเห็นถ้อยคำที่เหมือนหรือFormat -> Font -> Show Colors Format -> Show colors(ทางลัดปกติ⇧⌘C) คุณจะได้รับแผงสีขนาดเล็กที่แสดงด้านบนซึ่งคุณสามารถคลิก "เลนส์ขยาย" และคุณสามารถจับสีได้จากทุกที่ในหน้าจอ ตัวอย่างเช่น: TextEdit, หน้า, เมล ฯลฯ ... นี่คือคลิปบอร์ดเพื่อบันทึกสี แต่ไม่รายงานค่าฐานสิบหก, ค่า CIE หรือค่า ITU-R Y'PbPr / Y'CbCr สำหรับสีที่เลือก

ทุกที่เมื่อคุณสามารถแสดงแผงตัวอักษร (ปกติ⌘T) คุณสามารถคลิกที่ไอคอน "สีข้อความ" ในแผงแบบอักษรและคุณจะได้รับ "แผงสี" อีกครั้ง (พร้อมเครื่องมือเลือก)

ตัวอย่างเช่นคุณสามารถป้อนข้อความลงในกล่องข้อความได้ที่นี่คลิกขวาเพื่อแสดงเมนูตามบริบทและไปที่ "Font -> Show colours" โดยตรงจาก Safari ... ซึ่งจะทำงานในทุกแอปพลิเคชันที่คุณสามารถเปลี่ยนแบบอักษรได้

ในทุกแอปพลิเคชันที่คุณสามารถเปลี่ยนสีสำหรับสิ่งใด ๆ ที่มีฟิลด์สีคุณสามารถคลิกที่เส้นขอบของ "ฟิลด์สี" และคุณจะได้รับแผงสีอีกครั้ง ตัวอย่างเช่น Terminal.app -> การตั้งค่า -> การตั้งค่า (ฟิลด์สีสำหรับข้อความและเคอร์เซอร์สี)

คุณสามารถดาวน์โหลดบางสีผู้ช่วยเครื่องมือ dasboard เย็นที่ชอบ: colourmodหรือColorTheory

คุณสามารถดาวน์โหลดปลั๊กอินลงในแผงสีเพื่อหาค่าสีฐานสิบหก

หากคุณพบว่าตัวเองต้องการ DCM บ่อยครั้งคุณอาจลองใช้ Automator.app เพื่อสร้าง "บริการ" ระดับโลกที่เปิดตัว Digital Color Meter.app ตอนนี้คุณอยู่ไม่กี่คลิกและยังสามารถผูกบริการใหม่นี้กับฮอตคีย์ทั่วโลกในการตั้งค่าระบบ ผลลัพธ์: การเรียกใช้ DCM จากทุกที่ทุกเวลาบนคำสั่งคีย์แบบกำหนดเอง


นี่คืออีกหลายสิ่ง - แต่สุดท้าย: คุณยังสามารถเรียกใช้ Windows ใน VirualBox และใช้วิธีการ MsPaint / joking / - ใจเย็น ๆ :) :)


แก้ไข: เพิ่มภาพหน้าจออื่นที่มีโปรไฟล์สี ป้อนคำอธิบายรูปภาพที่นี่


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

และยังไม่สามารถใช้งานได้จริง สีที่พวกเขาตัวอย่างนั้นมืดเกินไป หากฉันสุ่มตัวอย่างสีให้เปลี่ยนสิ่งที่เป็นสีรายงานและลองอีกครั้งสีนั้นจะเปลี่ยนไป ไม่มีตัวกรองหรือสิ่งใดใน "รูปภาพ" - ฉันเขียนแอปที่กำหนดเองซึ่งไม่ได้ทำอะไรเลยนอกจากทาสีหน้าต่างด้วยค่า RGB ที่แน่นอน และการเปลี่ยนแปลงก็ไม่เล็กเช่นกัน มันมืดกว่าอย่างเห็นได้ชัด
Nic Hartley

@NicHartley ที่จริงแล้วงานทั้งหมดข้างต้น หากคุณเปลี่ยนสีระหว่างการสุ่มตัวอย่างสองครั้งจอแสดงผลของคุณจะไม่ได้รับการปรับเทียบหรือมีโปรไฟล์สีเริ่มต้น ลองทีละขั้นตอน: 1. ) การตั้งค่าระบบ -> การแสดงผล -> สี (TAB), 2) เลือก: sRGB iEC61 ... 3. ) เปิด Textedit ตั้งค่าข้อความเป็นสีที่ระบุให้พูด250,150,50(พร้อมแถบเลื่อน) 4 .) 250,150,50ตัวอย่างสีและคุณควรจะได้รับอีกครั้ง เช่นเดียวกับDigital Color Meterแอพ ตั้งป๊อปอัพเป็นdisplay in sRGB- และมันจะแสดงหมายเลขเดียวกันด้วย ดังนั้นการทำงานทั้งสองข้อข้างต้นจำเป็นต้องใช้โปรไฟล์สีเดียวกัน :)
jm666

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

@NicHartley สุจริตไม่เข้าใจความคิดเห็นของคุณอย่างเต็มที่ แต่อย่างที่คุณเห็นในภาพหน้าจอที่แนบมาสีที่สุ่มตัวอย่างมีค่า rgb เดียวกันตั้งค่าด้วยตนเอง (250,150,50) และในภายหลังในตัวอย่าง คุณสามารถเขียน "วิธีการทำซ้ำ" บางอย่าง "ไม่ทำงาน" ได้ไหม? (เหมือนที่ฉันเพิ่มวิธีการตั้งค่าที่ถูกต้องสำหรับการสุ่มตัวอย่าง) เพียงคุณไม่สามารถผสมส่วนกำหนดค่าสีที่แตกต่างกันได้ ดังนั้นการตั้งค่าค่า RGB บางค่า (ในกรณีนี้) ในโปรไฟล์ adobe จะต้องส่งผลให้สีที่แตกต่าง (ค่า RGB ที่แตกต่างกัน) ในโปรไฟล์ sRGB ดูความคิดเห็นก่อนหน้าของฉันและภาพหน้าจอ - วิธีการตั้งค่า sRGB สำหรับจอแสดงผลของคุณ
jm666

3

ฉันชอบ RCWebColorPicker extiesion ตรวจสอบได้ที่นี่: http://www.rubicode.com/Software/RCWebColorPicker/

ภาพหน้าจอ


ข้อดี: ง่ายต่อการคัดลอก / วางเข้าหรือออกฉลาดพอที่จะจัดการกับรูปแบบ 3-char (เช่นเปลี่ยน 39C เป็น 3399CC ด้านบน) และยอมรับตัวพิมพ์เล็กหรือพิมพ์ใหญ่ ฉันใช้มันมานานแล้วและก็ใช้ได้ดีใน Mavericks
Scott Lawton

2

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

ภาพหน้าจอแอพ Spot Color

เนื่องจากใช้ตัวเลือกสีของ Mac หมายความว่าคุณสามารถใช้ตัวเลือกสีเพิ่มเติมต่าง ๆ บนเว็บเช่น:

ตัวเลือกสีฐานสิบหก

Spot Color พร้อม Hex Color Picer

และผู้พัฒนาเครื่องมือเลือกสี

สปอตสีกับ Developer Color Picker


1

เพียงแค่เลือกสี

มันเป็นapp ฟรีใน App Store
https://itunes.apple.com/pl/app/just-color-picker/id886547068?l=pl&mt=12

มันทำงานได้สำหรับนักพัฒนาเว็บ! เพียงกด "Alt + X" เพื่อตรึงค่าไว้ใต้เมาส์ของคุณ โดยค่าเริ่มต้นมันเลือกค่าเป็นรหัสทศนิยมฐานสิบหกเช่น # F7F8F9 เช่น

ง่ายมากและตรงประเด็น รักมัน



-1

นี่คือเอกสาร HTML ที่มีชื่อสี ...


ฉันพบว่าหน้า Wikipedia บนWeb Coloursมีประโยชน์มากกว่าสำหรับการรับชื่อสี CSS / X11 มากกว่าหน้าที่เชื่อมโยงของคำตอบนี้ ยังมีประโยชน์เป็นหน้า W3Schools.com นี้
Basil Bourque

-2

มีแอพที่เรียกว่าPreviewติดตั้งล่วงหน้าซึ่งคุณสามารถรับสีได้


1
ขอบคุณสำหรับข้อมูลของคุณ แต่ฉันหาทางเปลี่ยนสีด้วย Preview ไม่ได้ ฉันควรรันคำสั่งบนเมนูใด
js_

ดูตัวอย่างนำเสนอวิธีการวงเวียนอย่างมากในการคัดลอกสี แต่ก็ยังไม่แสดงค่าฐานสิบหก วิธีที่ดีที่สุดที่ทำได้โดยไม่ต้องเสียบปลั๊กคือเปิดคำอธิบายประกอบสร้างคำอธิบายประกอบบนไฟล์ใด ๆ ที่เปิดอยู่ในเอกสารจากนั้นเลือกสีจากนั้นคลิกที่แว่นขยาย มันเหมือนกับหลาย ๆ โปรแกรมเรียก API สำหรับเครื่องมือเลือกสี / ผู้จัดการจานสี
bmike

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