สร้างชุดสีจากรูปภาพ
แยกชุดสีที่สมดุลและแก้ไขได้จากรูปภาพใดก็ได้ แล้วคัดลอก เปรียบเทียบ แชร์ หรือส่งออกสีสำหรับงานออกแบบถัดไป
รูปภาพและสีของคุณอยู่ในเบราว์เซอร์และไม่ถูกอัปโหลด
ลากและวางรูปภาพของคุณ
หรือคลิกด้านล่างเพื่อเลือกไฟล์
สูงสุด 10 รูปภาพ · ประมวลผลในเครื่อง · ไม่มีการอัปโหลด
การแยกชุดสีทำงานบนอุปกรณ์ของคุณ รูปภาพและสีของคุณอยู่ในเบราว์เซอร์และไม่ถูกอัปโหลด
ขั้นตอนการทำงานกับชุดสีจากรูปภาพอย่างครบถ้วน
โหมดการแยกสีที่ออกแบบตามงาน
เลือกผลลัพธ์แบบสมดุล สดใส หม่น สว่าง มืด หรือสีเด่น และล็อกสีสำคัญไว้เมื่อสร้างใหม่
เครื่องมือแก้ไขชุดสีครบครัน
เพิ่ม ลบ จัดลำดับ เปลี่ยนชื่อ ล็อก และกำหนดบทบาทเชิงความหมายให้สีแต่ละช่อง
คำแนะนำเรื่องคอนทราสต์ในตัว
เปรียบเทียบคู่สีตามเกณฑ์คอนทราสต์ WCAG 2.x ก่อนนำสีไปใช้กับข้อความและพื้นหลัง
ทำงานในเครื่องและเป็นส่วนตัว
การถอดรหัส วิเคราะห์ชุดสี แก้ไข และส่งออกทำงานในเบราว์เซอร์
วิธีสร้างชุดสีจากรูปภาพ
- 1
เพิ่มรูปภาพอย่างน้อยหนึ่งภาพ
เลือกไฟล์ ลากหรือวางรูปภาพ โหลดจาก URL รูปภาพ HTTPS โดยตรง หรือลองภาพตัวอย่างที่มีให้
- 2
ปรับสีที่แยกได้
เปลี่ยนรูปแบบและจำนวนสี เน้นพื้นที่ เลือกจุดที่ต้องการ แก้ไขช่องสี และล็อกสีที่ต้องการเก็บไว้
- 3
คัดลอกหรือส่งออก
คัดลอกค่าแต่ละสีหรือดาวน์โหลดชุดสีในรูปแบบสำหรับนักพัฒนา เครื่องมือออกแบบ ไฟล์รูปภาพ PDF หรือชุดไฟล์
ทำไมจึงควรแยกสีจากภาพถ่าย
ภาพถ่าย โลโก้ ภาพหน้าจอ งานศิลป์ ภาพสินค้า หรือมู้ดบอร์ดสามารถกลายเป็นระบบสีที่นำกลับมาใช้กับเว็บไซต์ แบรนด์ งานนำเสนอ ห้อง งานกิจกรรม หรือภาพประกอบได้ สีอัตโนมัติมาจากกลุ่มสีต้นฉบับตามการรับรู้ ส่วนสีที่เลือกหรือป้อนเองจะมีป้ายกำกับชัดเจน
เลือกขนาดและรูปแบบชุดสีที่เหมาะสม
เริ่มด้วยแปดสี แล้วใช้ 2–24 สีสำหรับการแยกอัตโนมัติ แบบสมดุลจะผสมสีเด่นและสีเน้น ส่วนสดใส หม่น สว่าง มืด และสีเด่นจะเปลี่ยนวิธีให้คะแนนกลุ่มสีจริง สีเน้นเล็ก ๆ อาจถูกตัดออก จึงควรวิเคราะห์พื้นที่เล็กลงหรือเลือกและล็อกสีก่อนสร้างใหม่
สีเด่น สีเน้น และสัดส่วน
เปอร์เซ็นต์แสดงจำนวนพิกเซลที่รวมตามพื้นที่และนโยบายความโปร่งใสปัจจุบัน โดยปัดให้รวมเป็น 100% ค่าที่ป้อนเองจะไม่อ้างสัดส่วนความเด่น เว้นแต่ยังผูกกับกลุ่มสีต้นฉบับ ล็อกสีที่ต้องการไว้เพื่อเก็บไว้ขณะแทนที่สีอื่น
รูปแบบสีและการส่งออกชุดสี
คัดลอก HEX, RGB, HSL หรือ OKLCH และส่งออก CSS, SCSS, Tailwind, โทเค็น DTCG, JSON, CSV, TXT, GPL, ASE, SVG, PNG, คอลลาจ, PDF หรือไฟล์ ZIP แบบกลุ่ม ค่าสีสาธารณะใช้ sRGB ส่วนค่า CMYK ทั่วไปเป็นเพียงค่าประมาณ ไม่ใช่ค่าสีงานพิมพ์หรือ Pantone ที่ตรงทั้งหมด
ประมวลผลรูปภาพในเครื่องอย่างเป็นส่วนตัว
การถอดรหัสไฟล์ แยกสี แก้ไข แชร์ และส่งออกทำงานในเบราว์เซอร์โดยไม่อัปโหลดต้นฉบับไปยัง FastImageTools โหมด URL โดยตรงจะติดต่อที่อยู่ที่คุณป้อนจากเบราว์เซอร์ จึงขึ้นอยู่กับต้นทางนั้นที่อนุญาต CORS
ชุดสีจากภาพถ่าย โลโก้ ภาพหน้าจอ หรืองานศิลป์
ใช้ตัวควบคุมความโปร่งใสสำหรับโลโก้และไฟล์ SVG ที่ปลอดภัย หรือวาดพื้นที่วิเคราะห์เมื่อพื้นหลังมีสัดส่วนมาก ไฟล์ GIF เคลื่อนไหวใช้เฟรมแรก และ TIFF หลายหน้าใช้หน้าแรก โปรไฟล์ที่ฝังจะถูกแปลงเมื่อรองรับ มิฉะนั้นเครื่องมือจะแจ้งว่าสมมติให้เป็น sRGB
รูปแบบรูปภาพที่รองรับ
JPG
ภาพถ่ายและภาพจากกล้อง
PNG
รูปภาพแบบไม่สูญเสียข้อมูลพร้อมความโปร่งใส
WebP
รูปภาพรูปแบบใหม่สำหรับเว็บ
AVIF
รูปภาพประสิทธิภาพสูงสำหรับเว็บ
HEIC / HEIF
ภาพถ่ายจากมือถือและกล้อง
GIF
วิเคราะห์เฟรมแรก
TIFF
วิเคราะห์หน้าแรก
SVG
ภาพเวกเตอร์ที่ปลอดภัยและครบถ้วนในตัว
คำถามที่พบบ่อยเกี่ยวกับชุดสีจากรูปภาพ
สร้างชุดสีจากรูปภาพอย่างไร+−
คัดลอกค่า HEX, RGB, HSL และ OKLCH ได้ไหม+−
มีสัดส่วนเปอร์เซ็นต์ของสีเด่นหรือไม่+−
รูปภาพของฉันถูกอัปโหลดหรือไม่+−
เครื่องมือเลือกสีอย่างไร+−
แยกสีได้กี่สี+−
รองรับรูปแบบรูปภาพใดบ้าง+−
พิกเซลโปร่งใสได้รับการจัดการอย่างไร+−
เก็บบางสีไว้แล้วสร้างสีที่เหลือใหม่ได้ไหม+−
สร้างชุดสีเดียวจากหลายรูปภาพได้ไหม+−
ส่งออกเป็น CSS, Tailwind, ASE, PNG หรือ PDF ได้ไหม+−
ค่า CMYK หรือ Pantone ตรงทั้งหมดหรือไม่+−
ใช้งานบนมือถือได้ไหม+−
ทำงานกับรูปภาพและสีต่อ
เลือกพิกเซลที่ต้องการ ตรวจสอบไฟล์ต้นฉบับ แก้ไขรูปภาพ หรือแปลงรูปแบบโดยยังประมวลผลในเครื่อง