ข้ามไปยังเนื้อหาหลัก

ตัวเลือกสีของรูปภาพ

สร้างจานสีแบบกำหนดเองจากรุปภาพใดก็ได้ด้วยเครื่องมือเลือกสีของ Figma เพียงอัปโหลดรูปภาพหรือเลือกรูปภาพจากแกลเลอรีเพื่อรับแรงบันดาลใจในการเลือกโครงสีที่มีให้เลือกในรูปแบบโค้ดสี HEX, RGB, HSB และ HSL

ทรัพยากรที่อัปโหลด
เคล็ดลับ
ลากตัวอย่างสีเพื่อแก้ไขสีในจานสี

ลากรูปภาพไปวางที่นี่ หรือวางรูปภาพโดยใช้  + V

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

วางรูปภาพที่นี่

รองรับไฟล์ PNG, JPEG และ GIF

กำลังมองหาแรงบันดาลใจอยู่หรือไม่

ลองใช้หนึ่งในรูปภาพตัวอย่างเหล่านี้ดู

สไลด์ที่ 1 จาก 5

นำสีมาปรับใช้กับการออกแบบได้อย่างง่ายดาย

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

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

ประหยัดเวลากับจานสีที่สร้างขึ้น

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

คำถามที่พบบ่อย

ตัวเลือกสีออนไลน์เป็นเครื่องมือที่มีความแม่นยำในการดึงสีจากรูปภาพใดก็ได้เพื่อสร้างจานสี เครื่องมือเลือกสีของ Figma ช่วยให้คุณสามารถอัปโหลดรูปภาพใดก็ได้เพื่อสร้างจานสีแบบกำหนดเองในรูปแบบต่างๆ เช่น RGB, HEX, or HSL นอกจากนี้ คุณยังสามารถปรับแต่งสีที่เลือกได้อย่างละเอียดโดยปรับค่าสีและคุณสมบัติของสีเหล่านั้น เมื่อคุณคัดเลือกจานสีที่ต้องการได้แล้ว คุณสามารถเปิดใน Figmaและบันทึกเพื่อนำไปใช้กับสินทรัพย์ด้านการออกแบบอื่นๆ ได้

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

เครื่องมือเลือกสีเป็นตัวเลือกที่ยอดเยี่ยมสำหรับทีมออกแบบที่ต้องการปรับปรุงกระบวนการออกแบบให้มีประสิทธิภาพยิ่งขึ้น เนื่องจาก:

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

ตัวเลือกสีรูปภาพของ Figma รองรับโมเดลสีหลายประเภท รวมถึง รหัสสี, RGB, HSL และ HSB ช่วยให้คุณสามารถปรับสีให้เข้ากับทุกโปรเจกต์หรือแพลตฟอร์ม

ระบบสี HEX มีความโดดเด่นมากในด้าน การพัฒนาเว็บไซต์ ซึ่งโค้ดสั้นผสานรวมกับ CSS ได้อย่างราบรื่น

โมเดลสี RGB เหมาะที่สุดสำหรับจอแสดงผลดิจิทัล โมเดลนี้มีความสอดคล้องโดยตรงกับวิธีการที่หน้าจอดิจิทัลสร้างสีโดยใช้แสง

HSL และ HSB เหมาะอย่างยิ่งสำหรับงานออกแบบที่ใช้ความละเอียดสูง โมเดลเหล่านี้ให้การควบคุมและการปรับคุณสมบัติของสีได้อย่างแม่นยำ ทำให้ง่ายต่อการปรับแต่งสีให้ตรงตามความต้องการของคุณ

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

สำรวจต่อไป

วงล้อสีวงล้อสี

สำรวจโครงสี

ค้นหาสมดุลที่ลงตัวและสร้างสรรค์โครงสีที่สวยงามด้วยวงล้อสีของ Figma

สำรวจวงล้อสี

ความหมายของสีความหมายของสี

สำรวจความหมายของสี

เรียนรู้เพิ่มเติมเกี่ยวกับสัญลักษณ์ การจับคู่ และประวัติความเป็นมาของสี

เรียนรู้เพิ่มเติมเกี่ยวกับสี

พื้นฐานการออกแบบพื้นฐานการออกแบบ

พื้นฐานการออกแบบ

เริ่มต้นเส้นทางการออกแบบด้วยการเรียนรู้ขั้นพื้นฐาน

เรียนรู้เพิ่มเติมเกี่ยวกับพื้นฐานการออกแบบ

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

Powered by Fruition