เครื่องมือ95

สร้างสรรค์ผลงานที่ยอดเยี่ยม

เครื่องมือเลือกสีจากรูปภาพ.

เลือกสี HEX, RGB และ HSL จากรูปภาพ สกัดและแก้ไขชุดสี ตรวจสอบความคมชัดของข้อความ จากนั้นคัดลอกสีหรือส่งออก PNG, SVG, CSS หรือ JSON

โฆษณา
พื้นที่ทำงานรูปภาพของคุณ
การประมวลผลบนเซิร์ฟเวอร์ชั่วคราว
หรือลากและวางที่นี่
JPG, JPEG, PNG, WEBP, GIF, BMP, TIF, TIFF, HEIC, HEIF
เลือรูปภาพของคุณเพื่อเริ่มต้นรูปภาพ
โฆษณา
บล็อก วิธีเลือกสีของรูปภาพและสร้างจานสี อ่านคู่มือ

เลือกสีจากภาพและสร้างชุดสีที่คุณสามารถนำไปใช้ได้

ตรวจสอบพิกเซล คัดลอกค่า HEX, RGB หรือ HSL ของพิกเซลนั้น และดึงชุดสีเริ่มต้นจากภาพถ่าย เก็บสีที่คุณชอบ แก้ไขสีที่เหลือ ตรวจสอบคู่สีข้อความและพื้นหลัง และส่งออก PNG, SVG, CSS หรือ JSON

ภาพจะให้ตัวอย่างสีแต่ละสีและชุดสีที่สามารถปรับแต่งและส่งออกได้
วิดีโอสอนการใช้งานฉบับย่อ How to pick an image color and export a palette Upload an image, inspect a pixel with the magnifier, add its color to the extracted palette, select Start and download a PNG palette. เสียงบรรยายภาษาอังกฤษ ดูวิดีโอ

How to pick an image color and export a palette

คุณสมบัติและการควบคุม

เลือกพิกเซลด้วยมุมมองขยาย

คลิกหรือแตะที่ภาพเพื่อตรวจสอบสี จากนั้นคัดลอกรหัสสี

การวางตำแหน่งที่แม่นยำและข้อจำกัดในการแสดงตัวอย่าง

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

ดึงชุดสีเริ่มต้นที่มีประโยชน์

เลือก 3 ถึง 12 สีเพื่อดึงข้อมูลและลองใช้แบบเด่น (Dominant) หรือแบบสดใส (Vibrant)

วิธีการประมาณค่าสีและเปอร์เซ็นต์

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

เก็บ แทนที่ และจัดลำดับสีของคุณใหม่

ล็อกตัวอย่างสีที่มีประโยชน์ แก้ไขค่า HEX หรือเพิ่มสีที่เลือกหรือสีที่กำหนดเอง

การปรับแต่งชุดสีก่อนส่งออก

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

ทำความเข้าใจพิกเซลโปร่งใส

เลือกสีแหล่งที่มา (Source color) หรือองค์ประกอบเหนือพื้นหลัง (Composite over a background) ภายใต้การสุ่มตัวอย่าง

ความโปร่งใสของแหล่งที่มาและสีที่ส่งออก

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

ตรวจสอบคู่สีข้อความและพื้นหลัง

ใช้ตรวจสอบความต่างของสี (Check color contrast) เพื่อเปรียบเทียบสองสี

สิ่งที่ผลลัพธ์ความต่างของสีครอบคลุม

เลือกข้อความและพื้นหลังด้วยตัวควบคุมสี ป้อนค่า HEX หรือใช้สีที่เลือก ตัวอย่างจะแสดงอัตราส่วนความต่างและผลลัพธ์แยกต่างหากสำหรับ Normal AA, Normal AAA, Large AA และ Large AAA สำหรับข้อความ นี่เป็นการตรวจสอบเฉพาะคู่สีที่เลือกเท่านั้น ไม่ได้ตรวจสอบทั้งหน้า ไม่ได้คำนึงถึงภาพพื้นหลังทุกภาพ หรือรับรองว่าการออกแบบทั้งหมดสามารถเข้าถึงได้

ส่งออกสีสำหรับขั้นตอนถัดไป

บันทึกภาพชุดสี ตัวอย่างสีแบบเวกเตอร์ ตัวแปร CSS หรือข้อมูลสีที่มีโครงสร้าง

PNG, SVG, CSS และ JSON

PNG สร้างการ์ดชุดสีที่มีป้ายกำกับ SVG เก็บตัวอย่างสีและป้ายกำกับไว้เป็นเนื้อหาเวกเตอร์ CSS ส่งออกตัวแปรที่มีหมายเลข เช่น --color-1 JSON ประกอบด้วยค่า HEX, RGB และ HSL เลือกบันทึกเป็น (Save as) แล้วเริ่ม (Start) เพื่อสร้างไฟล์ชื่อ palette พร้อมนามสกุลที่เลือก การคัดลอกสีหรือทั้งชุดสี HEX อาจเร็วกว่าเมื่อคุณต้องการเพียงค่าสี

ไฟล์และการประมวลผล

อินพุต
JPG, JPEG, PNG, WebP, GIF, BMP, TIFF, HEIC และ HEIF
เอาต์พุต
ชุดสี PNG, SVG, CSS หรือ JSON หนึ่งชุด

ขนาดสูงสุดต่อไฟล์ 25 MB หนึ่งไฟล์ต่อการทำงาน

ภาพต้นฉบับหนึ่งภาพขนาดสูงสุด 60 เมกะพิกเซล การสกัดตัวอย่างสีสูงสุด 512 พิกเซลต่อด้าน โดยจะละเว้นพิกเซลที่โปร่งใสทั้งหมดและอาจส่งคืนจำนวนสีน้อยกว่าที่ร้องขอ การส่งออกรองรับสีในจานสีแบบทึบ 1 ถึง 12 สี แหล่งข้อมูลที่เป็นภาพเคลื่อนไหวหรือหลายภาพจะใช้เฟรมภาพนิ่งแรก

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

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

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

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

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

ข้อมูลที่ควรรู้

คำตอบบางส่วนก่อนที่คุณจะเริ่มต้น

การประมวลผลบนเซิร์ฟเวอร์ชั่วคราว
ฉันสามารถรับ HEX, RGB และ HSL จากภาพได้หรือไม่?

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

ความแตกต่างระหว่างแบบเด่น (Dominant) และแบบสดใส (Vibrant) คืออะไร?

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

ทำไมคำขอหกสีถึงส่งคืนสีน้อยกว่า?

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

ฉันสามารถเก็บสีไว้ในขณะที่รีเฟรชชุดสีได้หรือไม่?

ได้ เลือกตัวอย่างสีนั้นและใช้ล็อกสี (Lock color) คุณยังสามารถเพิ่มค่า HEX ที่กำหนดเอง จัดลำดับตัวอย่างสีใหม่ หรือลบสีก่อนส่งออกได้

ทุกอย่างยังคงอยู่ในเบราว์เซอร์ของฉันหรือไม่?

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

โฆษณา

ภาษา38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

เลือกภาษาของคุณ วิดีโอสอนการใช้งานปัจจุบันใช้การบรรยายเป็นภาษาอังกฤษ