ข้ามไปยังเนื้อหา
เครื่องมือฟรีDesign

แยกชุดสีออกจากภาพถ่ายใดๆ

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

ใช้เครื่องมือนี้ฟรี

Browser tool

Color palette generator

Upload an image to extract a dominant color palette with HEX, RGB, and approximate share. Processing stays in your browser.

วิธีใช้

1

อัพโหลดรูปภาพ

ลากไฟล์ JPEG, PNG หรือ WebP ลงในเครื่องมือ รูปภาพแนวนอน แนวตั้ง และสี่เหลี่ยมจัตุรัสใช้งานได้ทั้งหมด — อัลกอริธึมจะสุ่มตัวอย่างผืนผ้าใบทั้งหมด

2

กำหนดขนาดจานสี

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

3

คัดลอกหรือปรับแต่งสี

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

4

ส่งออก

ดาวน์โหลดพาเล็ตเป็นการ์ดสวอตช์ PNG, ไฟล์ตัวแปร CSS, ไฟล์ Adobe ASE หรืออาร์เรย์ JSON ใช้รูปแบบที่เหมาะกับขั้นตอนการออกแบบหรือการพัฒนาของคุณ

คุณสมบัติ

1

การสกัดสีที่โดดเด่น

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

2

รูปแบบสีหลายสี

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

3

ปรับขนาดจานสีได้

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

4

ตัวเลือกการส่งออก

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

After this task

After this free tool, open Ai Enhance for the next AI editing workflow.

Continue with Ai Enhance

ข้อมูลจำเพาะ

ช่วงจานสี5-10 สี
รูปแบบสีHEX, RGB, HSL
ส่งออกรูปแบบPNG, CSS, ASE, JSON
อัลกอริทึมการจัดกลุ่มพิกเซลแบบ K-mean
รูปแบบการป้อนข้อมูลJPEG, PNG, เว็บพี
กำลังประมวลผลฝั่งไคลเอ็นต์ (ไม่มีการอัปโหลด)

Related Magic Eraser Tools

คำถามทั่วไป

เครื่องมือจะตัดสินว่าสีใด 'โดดเด่น' ได้อย่างไร

+

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

ฉันสามารถใช้สีที่แยกออกมาเป็นแนวทางสไตล์แบรนด์ของฉันได้หรือไม่

+

อย่างแน่นอน. คัดลอกรหัส HEX หรือ RGB ลงในคู่มือสไตล์ของคุณโดยตรง การส่งออก ASE ยังช่วยให้คุณสามารถนำเข้าจานสีไปยัง Adobe Illustrator, Photoshop หรือ InDesign ในรูปแบบตัวอย่างดั้งเดิมได้

ภาพถ่ายประเภทใดที่สร้างชุดสีได้ดีที่สุด?

+

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

สีของภาพถ่ายดูแบน?

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

ลองฟรี

More free tools

Explore our other limited free edits after sign-in photo and image tools.

ออกแบบการไล่ระดับสีที่สวยงามและส่งออกเป็น CSS หรือรูปภาพ

ออกแบบการไล่ระดับสีเชิงเส้น รัศมี และทรงกรวยด้วยการหยุดสีหลายสี คัดลอกโค้ด CSS หรือดาวน์โหลดเป็นรูปภาพ PNG ไม่จำเป็นต้องลงทะเบียน

แปลงรหัสสีระหว่างทุกรูปแบบหลัก

แปลงสีระหว่างรูปแบบชื่อ HEX, RGB, HSL, HSB, CMYK และ CSS ดูตัวอย่างสด คัดลอกค่าใดก็ได้ และส่งออกการ์ดสี ไม่จำเป็นต้องลงทะเบียน

แปลงรหัสสี HEX เป็น RGB และย้อนกลับ

แปลงรหัสสี HEX เป็นค่า RGB และในทางกลับกัน การแสดงตัวอย่างสด การคัดลอกในคลิกเดียว และเอาต์พุตโค้ด CSS ไม่จำเป็นต้องลงทะเบียน — ใช้งานได้ในเบราว์เซอร์ของคุณ

แยกสีที่แน่นอนจากภาพใดๆ

เลือกสีใดก็ได้จากภาพที่อัปโหลดและรับรหัส HEX, RGB และ HSL ทันที สร้างจานสีจากภาพถ่ายสำหรับการออกแบบเว็บ การสร้างแบรนด์ และภาพประกอบ

สร้างรหัส QR ที่ปรับแต่งได้สำหรับเนื้อหาใดๆ

สร้างรหัส QR สำหรับ URL ข้อความ ข้อมูลรับรอง WiFi และ vCard ปรับแต่งสี เพิ่มโลโก้ตรงกลาง และดาวน์โหลดเป็น PNG หรือ SVG ไม่จำเป็นต้องลงทะเบียน

คำนวณขนาดพิกเซลสำหรับอัตราส่วนภาพใดๆ

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