ฉันจะป้อนค่า RGB ลงในเครื่องมือสร้างอินเตอร์เฟสได้อย่างไร


215

ฉันจะป้อนค่าสี RGB หรือ Hex สำหรับพื้นหลังในเครื่องมือสร้างส่วนติดต่อได้อย่างไร ฉันสามารถเลือกสีที่กำหนดไว้ล่วงหน้า แต่ฉันต้องการป้อนค่า RGB ด้วยตนเอง ฉันจะทำสิ่งนี้ได้ที่ไหน

คำตอบ:


470

วิธีการเลือกสีด้วย RGB ในเครื่องมือสร้างส่วนต่อประสาน

คลิกที่ไอคอนแถบเลื่อนสีจากนั้นเลือก "RGB Sliders" จากรายการแบบเลื่อนลง

คุณยังสามารถใช้แว่นขยายเป็นเครื่องมือเลือกสีเพื่อเลือกสีที่แน่นอนจากที่ใดก็ได้บนหน้าจอ โปรดดูความคิดเห็นที่ยอดเยี่ยมของ @ ken ด้านล่างเพื่ออธิบายวิธีการทำงานของ coloraces กับแว่นขยาย


3
ขอบคุณสำหรับทิป! คำถามแบบสุ่มคุณใช้ซอฟต์แวร์อะไรเขียนภาพหน้าจอนั้น นอกจากนี้ที่ดี
Sheehan Alam

21
ที่จริงแล้วต้องระวังด้วยแว่นขยาย เพียงแค่หมายเลของค์ประกอบไม่ได้ระบุสีคุณจำเป็นต้องรู้ colorpace ด้วย มันเหมือนกับการเข้ารหัสสตริง 65 คือการเข้ารหัส ASCII ของ A พื้นที่สีที่ใช้ในการเข้ารหัส / ถอดรหัสส่วนประกอบอยู่ในการเลื่อนลงเล็กน้อยไปทางซ้ายของแถบเลื่อน "RGB" ด้านบน พื้นที่สี "Generic RGB" สอดคล้องกับสีที่ทำด้วย + [NSColor colorWithCalibratedRed: สีเขียว: สีน้ำเงิน: alpha:] หากคุณใช้แว่นขยายส่วนประกอบจะได้รับตามพื้นที่ "อุปกรณ์" ซึ่งหมายถึงหน้าจอปัจจุบัน สิ่งนี้ไม่เหมาะสม เลือกทั่วไปหลังจาก
เคน

2
โอ๊ะโอคำถามนี้สำหรับ iPhone iPhone ไม่ได้จัดวางแบบสี sRGB น่าจะเป็นการประมาณหน้าจอที่ดีที่สุดดังนั้นหากคุณต้องการมีหมายเลขส่วนประกอบที่เหมาะสมสำหรับใช้กับ UIColor ให้เลือก sRGB เป็น colorpace
เคน

2
ฉันใช้แท็บเล็ตการเขียน Wacom Bamboo Fun เพื่อเขียนบนหน้าจอใน Photoshop (Gimp ใช้งานได้ดีเช่นนี้) ใช้สกรีนช็อตด้วย command-shift-4 จากนั้นเว้นวรรคและคลิกที่หน้าต่าง
Tyler

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

36

แม้ว่าการตอบสนองของไทเลอร์จะตอบคำถามคุณอาจพบปัญหาในการใช้ตัวเลือกเนื่องจากใช้สีของจอแสดงผล (ตามที่เคนชี้แจง)

หากคุณต้องการจับคู่ค่า RGB ระหว่าง Photoshop และ Xcode อย่างแน่นอน (โดยไม่ต้องแปลงระหว่าง colorpaces) คุณต้องบันทึกภาพของคุณใน RGB ทั่วไปและป้อนค่าหยดใด ๆ โดยใช้พื้นที่ RGB ทั่วไป

  • เมื่อคุณเลือก "บันทึกสำหรับเว็บ & อุปกรณ์" จาก Photoshop ให้ยกเลิกการทำเครื่องหมายที่ช่อง "แปลงเป็น sRGB"

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

  • ใน Xcode คลิกที่ป๊อปอัพ colorspace ในตัวเลือกสีและเลือก "Generic RGB" จากนั้นป้อนค่าสีแดงสีเขียวและสีน้ำเงินจาก Photoshop ไม่ใช่ค่า HEXเนื่องจากจะเปลี่ยนกลับไปเป็นสี sRGB ด้วยเหตุผลบางประการ (ระวังไม่ให้ แท็บไปยังเขตข้อมูลฐานสิบหกเช่นเดียวกับที่เปลี่ยน colorspace เป็น sRGB)

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

ข้อมูลเพิ่มเติมที่นี่รวมถึงวิธีจับคู่ภาพหน้าจอ


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

@zimmryan ฟังดูเหมือนเป็นแมลง ขอบคุณ OP
mattyohe

OMG ขอบคุณมากสำหรับสิ่งนี้ มันทำงานในแบบเดียวกันและน่าฉงนในดีไซเนอร์ Xamarin.iOS คุณต้องระวังอย่างยิ่งที่จะพิมพ์เฉพาะในกล่อง RG และ B และไม่ว่าคุณจะทำอะไรอย่าแท็บเพราะคุณอาจแท็บไปที่กล่อง Hex ซึ่งรีเซ็ตเป็น sRGB และคุณต้องเริ่มต้นใหม่อีกครั้ง
bcr

-1 คำแนะนำที่ไม่ดี ถ้าคุณใช้ GenericRGB เป็นพื้นที่ทำงานและไม่ได้แปลงเป็น sRGB เมื่อส่งออกแล้วค่า RGB ของคุณจะตรงแต่สีของคุณจะไม่ได้ นั่นเป็นเหตุผลว่าทำไมคุณต้องใช้ลูกเล่นแปลก ๆ เพื่อจับภาพหน้าจอของคุณ หากค่า RGB ของคุณต้องตรงกันจริง ๆ คุณต้องใช้ sRGB เป็นพื้นที่ทำงาน มิฉะนั้นคุณสามารถแปลงเป็น sRGB เมื่อส่งออก การรวมโพรไฟล์สีไม่ได้ช่วยเพราะ iOS จะข้ามโพรไฟล์สี (สำหรับเนื้อหา)
Mackie Messer

2

ดูเหมือนว่าคุณไม่คุ้นเคยกับแผงสี Mac OS X คลิกแท็บที่ด้านบนของหน้าต่างแผงสีเพื่อเลือกเครื่องมือเลือกอื่น ตัวเลือกเป็นปลั๊กอินดังนั้นจึงเป็นไปได้ที่จะเพิ่ม UI ใหม่สำหรับการเลือกสี ดูตัวอย่างเช่นเลือกสีนักพัฒนา


2

ฉันรู้ว่านี่เป็นคำถามเก่า แต่ฉันต้องการค้นหาคำตอบของคำถามเดียวกันนี้วันนี้และทำให้ฉันไปถูกทาง ตัวเลือกสีจาก panic.com ติดตั้งอย่างถูกต้อง แต่ตัวเลือกเลขฐานสิบหกจากเมนูแบบเลื่อนลงในตัวเลือกสีตั้งค่าเป็น RGB เสมอ ดังนั้นไม่ดี ฉันพบสิ่งนี้แทน:

http://wafflesoftware.net/hexpicker/

นั่นแสดงค่าเลขฐานสิบหกและทำงานได้อย่างสมบูรณ์บน Xcode 5.0.1 และ Mavericks


0

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

ตรวจสอบสแนปด้านบนในการไปที่ Colors Tray ให้เลือกปุ่มที่สอง (แถบเลื่อน RGB (รูปสี่เหลี่ยมผืนผ้า) - ซึ่งวางถัดจากวงกลมที่ด้านบนของถาด) ในที่ที่คุณสามารถป้อนค่า RGB

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