เครื่องมือดูดสี
ลาก วาง (Ctrl+V) หรือคลิกเพื่ออัปโหลด
อัปโหลดรูปถ่ายเพื่อเลือกสี
หรือลองใช้รูปตัวอย่าง:
ชุดสี
เครื่องมือเลือกและสกัดสี – ใช้งานออนไลน์ฟรี
เครื่องมือสกัดสีออนไลน์ฟรีของเราช่วยให้คุณเลือกสีใดก็ได้จากรูปถ่ายได้ในคลิกเดียว — ไม่ต้องติดตั้งซอฟต์แวร์และไม่ต้องสมัครบัญชี อัปโหลดภาพ วางเมาส์เหนือภาพเพื่อขยาย แล้วคลิกที่พิกเซลใดก็ได้เพื่อดูค่า HEX, RGB, HSL และ HSV ได้ทันที จากนั้นสร้างชุดสีเต็มรูปแบบจากสีที่เลือก ดาวน์โหลดผลลัพธ์ได้ทุกเมื่อ
วิธีเลือกสีจากรูปถ่าย
วางรูปถ่ายลงบนแผงควบคุม แล้วคลิก อัปโหลดรูปหรือวางด้วย Ctrl + V รองรับ JPEG, PNG, WebP, HEIC และ GIF
วางเมาส์เหนือภาพเพื่อขยายด้วยแว่นขยาย แล้วคลิกตำแหน่งใดก็ได้เพื่อดูสีของพิกเซลนั้น ค่า HEX, RGB, HSL และ HSV จะปรากฏขึ้นทันที
คลิกช่องค่าใดก็ได้เพื่อคัดลอกไปยังคลิปบอร์ด บันทึกสีไว้ใช้ภายหลัง หรือสร้างชุดสีเต็มรูปแบบแล้วส่งออกเป็นตัวแปร CSS หรือแถบแผ่นสีแบบ PNG
ฟีเจอร์เด่น
- สี่รูปแบบสี – ดูและคัดลอกสีที่เลือกในรูปแบบ HEX, RGB, HSL และ HSV ได้ด้วยการคลิกช่องค่าเพียงครั้งเดียว
- แว่นขยายแม่นยำระดับพิกเซล – เลนส์ขยายทรงกลมเคลื่อนตามเคอร์เซอร์ ช่วยให้เล็งพิกเซลที่ต้องการได้อย่างแม่นยำ
- ชุดสี 8 รูปแบบ – สร้างชุดสีแบบสีข้างเคียง สีตรงข้าม สีสามเส้า สีสี่เส้า สีตรงข้ามแยกคู่ สีเอกรงค์ เฉดเข้ม หรือเฉดอ่อน ได้ 3–10 แผ่นสี
- ตัวเลือกการส่งออก – คัดลอกรหัส HEX ของชุดสีทั้งหมดในคราวเดียว ดาวน์โหลดแถบแผ่นสีแบบ PNG หรือส่งออกชุดสีเป็นคุณสมบัติกำหนดเองของ CSS (
:rootตัวแปร) - สีที่บันทึกไว้ – บันทึกสีใดก็ได้ลงในแผงสีที่บันทึกไว้ส่วนตัวซึ่งเก็บอยู่ในเบราว์เซอร์ และล้างได้ทุกเมื่อที่ต้องการ
- รองรับ HEIC – รูปถ่ายจาก iPhone ในรูปแบบ HEIC/HEIF จะถูกแปลงโดยอัตโนมัติก่อนเลือกสี
- ทำงานในเบราว์เซอร์ทั้งหมด – รูปถ่ายของคุณจะไม่ถูกอัปโหลดไปยังเซิร์ฟเวอร์ใด ๆ เลย
- ฟรีและไม่จำกัด – ไม่ต้องสมัครสมาชิก ไม่มีลายน้ำ ไม่มีข้อจำกัด
เครื่องมือสกัดสีคืออะไร?
เครื่องมือสกัดสี (หรือตัวเลือกสีจากภาพ) คือเครื่องมือที่อ่านค่าสีที่แน่นอนของพิกเซลใดก็ได้ในภาพถ่าย แล้วแปลงเป็นรหัสสีมาตรฐานที่ใช้ในงานออกแบบและพัฒนา แทนที่จะกะสีด้วยสายตาหรือกรอกค่าด้วยตนเอง เพียงคลิกตำแหน่งที่สนใจ เครื่องมือก็จะแปลงค่าให้โดยอัตโนมัติ — ตั้งแต่ค่า RGB ดิบที่หน้าจอแสดงผล ไปจนถึงรูปแบบ HSL และ HSV ที่ใช้ในกระบวนการออกแบบกราฟิก
เครื่องมือสร้างชุดสีไปไกลกว่านั้นอีกขั้น เมื่อเลือกสีตั้งต้นแล้ว เครื่องมือจะใช้ทฤษฎีสีสร้างชุดสีที่กลมกลืน พร้อมนำไปใช้ได้ทันทีใน CSS, Figma หรือเครื่องมือออกแบบใดก็ตาม
การใช้งานทั่วไป
- การสกัดสีแบรนด์ – ดึงรหัส HEX ที่แน่นอนจากโลโก้หรือภาพถ่ายแบรนด์ เพื่อใช้สีให้สอดคล้องกันทั่วทั้งเว็บไซต์หรือระบบการออกแบบ
- การออกแบบเว็บและ UI – จับคู่สีให้เข้ากับภาพสินค้าหรือภาพหลักของหน้าเว็บ เพื่อให้เลย์เอาต์ดูกลมกลืนกัน
- การสร้างชุดสี – เริ่มจากสีหลักเพียงสีเดียว แล้วสร้างชุดสีตรงข้ามหรือสีข้างเคียงแบบเต็มรูปแบบสำหรับโปรเจกต์
- งานพิมพ์และภาพประกอบ – สุ่มตัวอย่างสีจากภาพถ่ายอ้างอิงเพื่อหาค่า RGB ที่แม่นยำ ก่อนผสมสีหรือตั้งค่าโปรไฟล์การพิมพ์
- การจัดธีมด้วย CSS – ส่งออกตัวแปรชุดสีโดยตรงไปยังบล็อก
:rootเพื่อนำไปวางในสไตล์ชีตได้ทันที
คำถามที่พบบ่อย
#3a7bd5), RGB (rgb(58, 123, 213)), HSL (hsl(216, 63%, 53%)), และ HSV (hsv(216, 73%, 84%)). คลิกช่องใดก็ได้เพื่อคัดลอกทันที:root { } ที่มีสีแต่ละสีในชุดสีเป็นคุณสมบัติกำหนดเองของ CSS (เช่น --color-1: #3a7bd5;). คุณสามารถวางโค้ดนี้ลงในสไตล์ชีตได้โดยตรง และเรียกใช้ตัวแปรเหล่านี้ได้ทั่วทั้งโปรเจกต์ของคุณ