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

อัปโหลด ลาก หรือวางภาพ เครื่องมือจะจัดกลุ่มสีหลักที่มองเห็นได้เป็นพาเลต 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

วงล้อสี

สร้างพาเลท 5 สีแบบสีเสริม สีคล้าย สามสี และความกลมกลืนอื่น ๆ จากสีฐานหนึ่งสี

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 ได้
ภาพถูกอัปโหลดหรือบันทึกไหม?: ไม่ ภาพถูกถอดรหัสและวิเคราะห์ภายในเบราว์เซอร์
ทำไมพาเลตเล็กกว่าที่เลือก?: ภาพอาจมีสีที่มองเห็นได้ไม่ซ้ำกันน้อยกว่า เครื่องมือไม่ทำซ้ำสีและละเว้นพิกเซลโปร่งใส