สร้างพาเลตสีจากรูปภาพอย่างไร?

อัปโหลด ลาก หรือวางภาพ เครื่องมือจะจัดกลุ่มสีหลักที่มองเห็นได้เป็นพาเลต 3, 5 หรือ 8 สี

เครื่องมือดึงพาเลตสีจากภาพคืออะไร?

เป็นเครื่องมือสรุปสีที่มองเห็นได้และโดดเด่นของทั้งภาพเป็นพาเลตตัวแทนขนาดเล็ก

คัดลอก HEX, RGB หรือตัวแปร CSS ได้ไหม?

ได้ คุณคัดลอกแต่ละค่า ค่า HEX ทั้งหมด หรือทั้งพาเลตเป็นตัวแปร CSS ได้

ภาพถูกอัปโหลดหรือบันทึกไหม?

ไม่ ภาพถูกถอดรหัสและวิเคราะห์ภายในเบราว์เซอร์

ทำไมพาเลตเล็กกว่าที่เลือก?

ภาพอาจมีสีที่มองเห็นได้ไม่ซ้ำกันน้อยกว่า เครื่องมือไม่ทำซ้ำสีและละเว้นพิกเซลโปร่งใส

สร้างพาเลตสีจากรูปภาพ

อัปโหลด ลาก หรือวางภาพถ่าย ภาพหน้าจอ โลโก้ หรือภาพประกอบเพื่อสร้างพาเลตสีจากทั้งภาพ เครื่องมือนี้สรุปสีหลักที่มองเห็นได้เป็นพาเลต 3, 5 หรือ 8 สี แทนการเลือกเพียงหนึ่งพิกเซล คุณคัดลอกค่า HEX และ RGB แต่ละค่า ค่า HEX ทั้งหมดแบบแยกบรรทัด หรือตัวแปร CSS ที่พร้อมใช้ได้ ภาพประมวลผลในเบราว์เซอร์ของคุณและไม่ถูกอัปโหลดไปยัง ColourPicker.app

อัปโหลดภาพ

เลือกไฟล์ ลากมาที่นี่ หรือวางภาพจากคลิปบอร์ด

คุณยังวางภาพหน้าจอด้วย Ctrl+V หรือ Command+V ได้

ภาพของคุณอยู่บนอุปกรณ์และประมวลผลในเบราว์เซอร์นี้เท่านั้น

เครื่องมือเพิ่มเติม

Picker

ตัวเลือกสี

อัปโหลดรูปภาพแล้วคลิกเพื่อดึงรหัสสี HEX, RGB และ HSL

HEXRGBHSLImage

Converter

ตัวแปลงสี

แปลงสีระหว่าง HEX, RGB และ HSL ได้ทันที

HEXRGBHSL

Checker

ตรวจสอบคอนทราสต์

ตรวจสอบอัตราส่วนคอนทราสต์ของสีตามมาตรฐาน WCAG AA และ AAA

WCAGAAAAA

Generator

เครื่องสร้างจานสี

สร้างจานสีที่กลมกลืนจากสีฐานใดก็ได้

HarmonyHSLHEX

วิธีสร้างพาเลตสีจากรูปภาพ

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

เพิ่มภาพถ่าย โลโก้ ภาพประกอบ หรือภาพหน้าจอที่เบราว์เซอร์เปิดได้
หลังโหลด ระบบจะสร้างพาเลตห้าสีหลักโดยอัตโนมัติ
เลือก 3, 5 หรือ 8 สีตามระดับรายละเอียดที่ต้องการ
คัดลอกสีเดี่ยวหรือทั้งพาเลตสำหรับงานออกแบบหรือพัฒนาต่อไป

สีหลัก ไม่ใช่พิกเซลที่แม่นยำเพียงจุดเดียว

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

หากต้องการสีที่แม่นยำของพิกเซลเดียว ให้ เลือกสีที่แม่นยำหนึ่งสีจากภาพ หากต้องการสร้างความสัมพันธ์ของสีแบบเสริมหรือแบบทฤษฎีจากสีฐาน ให้ สร้างความกลมกลืนของสีจากสีฐาน เครื่องมือนี้สรุปเฉพาะสีที่มีอยู่แล้วในภาพ

คัดลอกพาเลตเป็น HEX, RGB หรือตัวแปร CSS

แต่ละช่องสีมีค่า HEX และ RGB พร้อมปุ่มคัดลอก คุณยังคัดลอกค่า HEX ทั้งหมดเป็นรายการสีละหนึ่งบรรทัดได้ ปุ่มตัวแปร CSS สร้างบล็อก :root ที่มีชื่อเช่น --cp-1 และ --cp-2

ตรวจสอบคอนทราสต์และการเข้าถึงแยกต่างหากก่อนใช้ผลลัพธ์ในอินเทอร์เฟซสุดท้าย

ภาพของคุณเป็นส่วนตัว

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

การเลือก 3, 5 หรือ 8 สีเป็นจำนวนสูงสุด ภาพเรียบง่ายอาจมีสีที่มองเห็นได้ไม่ซ้ำกันน้อยกว่า เครื่องมือจะคืนพาเลตที่เล็กกว่าโดยไม่ทำซ้ำหรือสร้างสีใหม่

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

สร้างพาเลตสีจากรูปภาพอย่างไร?: อัปโหลด ลาก หรือวางภาพ เครื่องมือจะจัดกลุ่มสีหลักที่มองเห็นได้เป็นพาเลต 3, 5 หรือ 8 สี
เครื่องมือดึงพาเลตสีจากภาพคืออะไร?: เป็นเครื่องมือสรุปสีที่มองเห็นได้และโดดเด่นของทั้งภาพเป็นพาเลตตัวแทนขนาดเล็ก
คัดลอก HEX, RGB หรือตัวแปร CSS ได้ไหม?: ได้ คุณคัดลอกแต่ละค่า ค่า HEX ทั้งหมด หรือทั้งพาเลตเป็นตัวแปร CSS ได้
ภาพถูกอัปโหลดหรือบันทึกไหม?: ไม่ ภาพถูกถอดรหัสและวิเคราะห์ภายในเบราว์เซอร์
ทำไมพาเลตเล็กกว่าที่เลือก?: ภาพอาจมีสีที่มองเห็นได้ไม่ซ้ำกันน้อยกว่า เครื่องมือไม่ทำซ้ำสีและละเว้นพิกเซลโปร่งใส