แยกสีที่แน่นอนจากภาพใดๆ
อัปโหลดรูปภาพหรือภาพหน้าจอ วางเมาส์เหนือพิกเซลใดก็ได้ และรับสีในรูปแบบ HEX, RGB และ HSL สร้างจานสีห้าสีจากรูปภาพเดียวเพื่อเริ่มต้นโปรเจ็กต์การออกแบบถัดไปของคุณ โดยไม่จำเป็นต้องลงทะเบียน
ใช้เครื่องมือนี้ฟรีBrowser tool
Color picker from image
Upload an image, click any pixel, and copy sampled HEX or RGB colors. The image stays in your browser.
วิธีใช้
อัปโหลดรูปภาพ
ลากและวางไฟล์ JPEG, PNG หรือ WebP ลงในเครื่องมือเลือกสี ภาพหน้าจอ รูปภาพ และการจำลองการออกแบบทั้งหมดใช้งานได้
เลือกสี
เลื่อนเคอร์เซอร์ไปเหนือรูปภาพ แว่นขยายจะแสดงมุมมองแบบซูมเข้าของพื้นที่ใต้ตัวชี้ของคุณ คลิกเพื่อล็อคสี
คัดลอกหรือบันทึกค่า
คลิกโค้ด HEX, RGB หรือ HSL เพื่อคัดลอกไปยังคลิปบอร์ดของคุณ ทำซ้ำเพื่อสร้างคอลเลกชัน หรือใช้จานสีที่โดดเด่นที่สร้างขึ้นโดยอัตโนมัติ
คุณสมบัติ
ยาหยอดตาระดับพิกเซล
วางเมาส์เหนือรูปภาพแล้วคลิกพิกเซลใดก็ได้เพื่อจับภาพสีที่แน่นอน แว่นขยายจะขยายตามเคอร์เซอร์ของคุณ เพื่อให้คุณสามารถกำหนดเป้าหมายแต่ละพิกเซลได้อย่างแม่นยำ
เอาต์พุตหลายรูปแบบ
ทุกสีที่เลือกจะแสดงพร้อมกันในรูปแบบ HEX (#FF5733), RGB (rgb(255, 87, 51)) และ HSL (hsl(14, 100%, 60%)) — พร้อมที่จะวางลงใน CSS, Figma หรือเครื่องมือออกแบบใดๆ
จานสีที่สร้างขึ้นอัตโนมัติ
เครื่องมือจะวิเคราะห์ภาพและแนะนำจานสีห้าสีของเฉดสีที่โดดเด่นที่สุด ซึ่งคุณสามารถคัดลอกเป็นชุดหรือปรับเปลี่ยนโดยการเลือกเฉดสีอื่น
คัดลอกไปยังคลิปบอร์ด
คลิกค่า HEX, RGB หรือ HSL เพื่อคัดลอกไปยังคลิปบอร์ดของคุณทันที การแจ้งเตือนแบบโทสต์จะยืนยันการคัดลอก เพื่อให้คุณสามารถวางได้โดยไม่ต้องเปลี่ยนบริบท
After this task
After this free tool, open Ai Enhance for the next AI editing workflow.
Continue with Ai Enhanceข้อมูลจำเพาะ
| รูปแบบที่รองรับ | JPEG, PNG, WebP, BMP, GIF |
| ขนาดไฟล์สูงสุด | 30 เมกะไบต์ |
| รูปแบบสี | HEX, RGB, HSL |
| ขนาดจานสี | 5 สีเด่น (อัตโนมัติ) |
| กำลังขยายของ Loupe | ซูม 8 เท่า |
| กำลังประมวลผล | ฝั่งไคลเอ็นต์ (Canvas API) |
Related Magic Eraser Tools
คำถามทั่วไป
ฉันสามารถเลือกสีจากภาพหน้าจอได้หรือไม่
+
ใช่. ถ่ายภาพหน้าจอบนอุปกรณ์ของคุณ อัปโหลด PNG หรือ JPEG ที่ได้ และใช้หลอดดูดสีเหมือนกับที่คุณทำกับรูปภาพใดๆ นี่เป็นวิธีที่ดีเยี่ยมในการสุ่มตัวอย่างสีจากเว็บไซต์หรือแอป
ค่าสีมีความแม่นยำเพียงใด?
+
เครื่องมือจะอ่านข้อมูลพิกเซล sRGB ที่แน่นอนจากพื้นที่รูปภาพ ดังนั้นค่า HEX, RGB และ HSL จึงแม่นยำภายในหนึ่งหน่วย โปรดทราบว่าการปรับเทียบจอภาพของคุณอาจทำให้สีบนหน้าจอแตกต่างจากค่าตัวเลขได้
ฉันสามารถแยกชุดสีของแบรนด์ทั้งหมดออกจากโลโก้ได้หรือไม่
+
อย่างแน่นอน. อัปโหลดโลโก้ของคุณ เลือกสีแบรนด์แต่ละสีแยกกัน และคัดลอกโค้ด จานสีอัตโนมัติยังทำงานได้ดีกับโลโก้ที่มีบล็อคสีที่แตกต่างกัน
ต้องปรับปรุงภาพก่อนหรือไม่?
หากภาพถ่ายต้นฉบับของคุณมืดหรือมีสัญญาณรบกวน AI Enhance สามารถปรับปรุงการรับแสงและลดเกรนได้ — ทำให้เครื่องมือเลือกสีสะอาดขึ้น และตัวอย่างที่แม่นยำยิ่งขึ้นในการทำงานด้วย
ลองฟรีMore free tools
Explore our other limited free edits after sign-in photo and image tools.
ออกแบบการไล่ระดับสีเชิงเส้น รัศมี และทรงกรวยด้วยการหยุดสีหลายสี คัดลอกโค้ด CSS หรือดาวน์โหลดเป็นรูปภาพ PNG ไม่จำเป็นต้องลงทะเบียน
แปลงสีระหว่างรูปแบบชื่อ HEX, RGB, HSL, HSB, CMYK และ CSS ดูตัวอย่างสด คัดลอกค่าใดก็ได้ และส่งออกการ์ดสี ไม่จำเป็นต้องลงทะเบียน
แปลงรหัสสี HEX เป็นค่า RGB และในทางกลับกัน การแสดงตัวอย่างสด การคัดลอกในคลิกเดียว และเอาต์พุตโค้ด CSS ไม่จำเป็นต้องลงทะเบียน — ใช้งานได้ในเบราว์เซอร์ของคุณ
อัปโหลดภาพถ่ายและแยกสีเด่น 5-10 สีด้วยรหัส HEX, RGB และ HSL คัดลอกตัวอย่าง ส่งออกเป็นตัวแปร ASE หรือ CSS ไม่จำเป็นต้องลงทะเบียน
สร้างรหัส QR สำหรับ URL ข้อความ ข้อมูลรับรอง WiFi และ vCard ปรับแต่งสี เพิ่มโลโก้ตรงกลาง และดาวน์โหลดเป็น PNG หรือ SVG ไม่จำเป็นต้องลงทะเบียน
คำนวณความกว้าง ความสูง หรืออัตราส่วนภาพของรูปภาพและวิดีโอ ป้อนค่าสองค่าใดก็ได้และรับค่าที่สาม อัตราส่วนที่กำหนดไว้ล่วงหน้าสำหรับโซเชียลมีเดีย ภาพยนตร์ และสิ่งพิมพ์ ไม่จำเป็นต้องลงทะเบียน