# ดูดสีจากรูปภาพ

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

URL: https://acrafto.com/th/image-color-picker-online/  
Updated: 2026-09-22

Tools are interactive browser apps; there is no public API, no endpoints to call and no server-side processing. To use a tool, open its HTML page in a browser.

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

## วิธีดูดสีจากรูปภาพ

1. **อัปโหลดรูปภาพ** ลากไฟล์มาวางในกรอบ หรือคลิก “เลือกไฟล์” รองรับทั้ง JPG, PNG, WebP และ GIF
2. **เลือกรูปแบบ** เหนือรูปภาพเลือกว่าจะคัดลอกสีในรูปแบบไหน เว็บส่วนใหญ่ใช้ HEX ส่วนโปรแกรมกราฟิกมักใช้ RGB เครื่องมือจะจำตัวเลือกไว้ให้
3. **เลื่อนไปยังสีที่ต้องการ** จะมีแว่นขยายแสดงพิกเซลรอบเคอร์เซอร์ ใต้แว่นขยายมีรหัสสีให้ดู
4. **คลิก** รหัสจะอยู่ในคลิปบอร์ดทันที และสีจะถูกบันทึกไว้ในแท็บสีที่เลือก นำไปวางที่ไหนก็ได้ตามต้องการ

อยากลองรูปภาพอื่น? ลากรูปใหม่มาวางทับรูปเดิมได้เลย หรือลบรูปเดิมด้วยไอคอนถังขยะ

## ความสามารถของเครื่องมือดูดสีจากรูปภาพ

### แว่นขยายที่มองเห็นทุกพิกเซล

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

### ซูมได้ถึงระดับพิกเซลเดียว

ใช้ปุ่มบวกลบ หรือเลื่อนล้อเมาส์พร้อมกดปุ่ม Ctrl ค้างไว้ เพื่อซูมภาพได้สูงสุดถึง 64 เท่า เปิดฟังก์ชันตารางแล้วจะเห็นขอบเขตของแต่ละพิกเซลชัดเจน เหมาะกับการคลิกให้ตรงจุดบนไอคอน pixel art หรือตัวอักษรขนาดเล็ก

### สีจากต้นฉบับ ไม่ใช่จากภาพย่อ

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

### คัดลอกด้วยคลิกเดียว

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

### จานสีเด่นในภาพ

ทันทีที่อัปโหลดรูปภาพ เครื่องมือจะหาสีที่โดดเด่นที่สุดในภาพได้สูงสุด 8 สี และแสดงไว้ในแท็บสีเด่น เฉดสีที่ใกล้เคียงกันมากจะถูกรวมเข้าด้วยกัน ทำให้ในจานสีไม่มีสีเทาซ้ำกันหลายแบบ ส่วนที่โปร่งใสของไฟล์ PNG จะไม่ถูกนับ จานสีนี้ใช้เป็นจุดเริ่มต้นของโทนสีสำหรับเว็บไซต์ งานพรีเซนต์ หรือโพสต์บนโซเชียลมีเดียได้ดี หากอยากเช็กว่าสีในภาพยังคงคอนทราสต์เพียงพอแม้ไม่มีเฉดสี ลอง[แปลงรูปภาพเป็นขาวดำ](https://acrafto.com/th/plaeng-ruphphaph-pen-khawdam/)ดูได้

### สีที่เลือกอยู่ในสายตาเสมอ

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

## เมื่อไหร่ที่ต้องใช้รหัสสีจากรูปภาพ

- **เว็บไซต์และแอป:** ลูกค้าส่งโลโก้มาเป็นไฟล์ JPG เท่านั้น แต่คุณต้องการสีแบรนด์ที่แม่นยำไปใส่ใน CSS หากต้องการเวอร์ชันพื้นหลังโปร่งใสด้วย ใช้[เครื่องมือลบพื้นหลังรูปภาพ](https://acrafto.com/th/remove-background-ai/)ต่อได้เลย
- **งานกราฟิกและโซเชียลมีเดีย:** อยากให้ตัวอักษรบนโพสต์เข้ากับภาพถ่าย ก็ดูดสีมาจากภาพนั้นโดยตรง
- **งานพรีเซนต์และเอกสาร:** ตั้งค่าสีโลโก้บริษัทใน PowerPoint, Google Slides หรือ Canva ผ่านค่า HEX หรือ RGB
- **ตรวจสอบงานออกแบบ:** เช็กจากภาพหน้าจอว่าปุ่มในแอปใช้สีตรงตามที่ดีไซน์กำหนดจริงหรือไม่ จากนั้นตรวจขนาดของไฟล์ภาพที่ส่งออกด้วย[เครื่องมือวิเคราะห์ขนาดรูปภาพ](https://acrafto.com/th/image-dimensions-analyzer/)
- **งานตกแต่งภายในและแฟชั่น:** มีรูปผ้าหรือกำแพงและอยากได้เฉดสีใกล้เคียง รหัสสีนี้ใช้เป็นจุดเริ่มต้นตอนเทียบกับแผ่นตัวอย่างสีได้

## รูปแบบสีที่ได้จากเครื่องมือดูดสี

- **HEX** (`#1373b6`): รูปแบบที่ใช้ใน HTML, CSS และโปรแกรมกราฟิกส่วนใหญ่ ดูรายละเอียดรูปแบบสั้นและแบบมีค่าอัลฟาได้ที่[เอกสาร MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/hex-color) (ภาษาอังกฤษ)
- **RGB** (`rgb(19, 115, 182)`): สัดส่วนของสีแดง เขียว และน้ำเงิน แต่ละค่าอยู่ระหว่าง 0 ถึง 255 หลักการผสมสีแบบบวกอธิบายไว้ใน[วิกิพีเดีย](https://th.wikipedia.org/wiki/%E0%B8%A3%E0%B8%B0%E0%B8%9A%E0%B8%9A%E0%B8%AA%E0%B8%B5_RGB)
- **HSL** (`hsl(205, 81%, 39%)`): เฉดสี ความอิ่มตัว และความสว่าง ใช้ปรับให้สีอ่อนลงหรือเข้มขึ้นได้ง่าย
- **HSV**: เฉดสี ความอิ่มตัว และค่าความสว่าง (value) แบบที่คุ้นเคยจากกล่องเลือกสีใน Photoshop หรือ GIMP ความแตกต่างระหว่าง HSL และ HSV อธิบายไว้ใน[Wikipedia](https://en.wikipedia.org/wiki/HSL_and_HSV) (ภาษาอังกฤษ)
- **LCH**: โมเดลสีที่ใกล้เคียงกับการรับรู้สีของสายตามนุษย์ คัดลอกออกมาในรูปแบบที่ CSS สมัยใหม่เข้าใจ (ดู[เอกสาร MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/color_value/lch) ภาษาอังกฤษ)

เครื่องมือดูดสีบอกสีในรูปภาพให้คุณ หากต้องการปรับแต่งต่อ แปลงเป็นรูปแบบอื่น หรือหาเฉดสีที่เข้ากัน ไปต่อที่[เครื่องมือเลือกสีออนไลน์](https://acrafto.com/th/online-color-picker/)ได้เลย

## คำถามที่พบบ่อย

### รูปภาพของฉันถูกอัปโหลดขึ้นเซิร์ฟเวอร์หรือไม่?

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

### จะหารหัส HEX ของสีจากภาพถ่ายได้อย่างไร?

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

### ทำไมสีจากภาพถ่ายถึงดูต่างจากสีจริง?

กล้องถ่ายรูปเปลี่ยนสีไปตามแสง [สมดุลสีขาว](https://th.wikipedia.org/wiki/%E0%B8%AA%E0%B8%A1%E0%B8%94%E0%B8%B8%E0%B8%A5%E0%B8%AA%E0%B8%B5%E0%B8%82%E0%B8%B2%E0%B8%A7) และการบีบอัดไฟล์ เครื่องมือดูดสีจะให้ค่าที่ตรงกับสีที่เก็บอยู่ในไฟล์เป๊ะๆ ดังนั้นกับภาพถ่ายควรคลิกหลายจุดแล้วเทียบกันในแท็บสีที่เลือก และถ้าจะผสมสีทาผนังตามรหัสนี้ ให้ถือว่าเป็นค่าโดยประมาณเท่านั้น

### เครื่องมือดูดสีใช้งานบนมือถือได้หรือไม่?

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

### HEX กับ RGB ต่างกันอย่างไร?

ทั้งสองแบบอธิบายสีเดียวกัน RGB แสดงด้วยตัวเลขสามชุดตั้งแต่ 0 ถึง 255 ส่วน HEX เขียนตัวเลขชุดเดียวกันในเลขฐานสิบหกตามหลังเครื่องหมาย # เช่น `rgb(255, 87, 51)` คือค่าเดียวกับ `#ff5733`

### จะดึงจานสีทั้งชุดจากรูปภาพได้อย่างไร?

เปิดแท็บสีเด่น จะพบสีหลักในภาพได้สูงสุด 8 สี คลิกที่สีใดก็ได้เพื่อคัดลอกรหัสของสีนั้น

## Other languages

- Čeština (cs): [Online kapátko](https://acrafto.com/cs/vyber-barev-z-obrazku/) ([Markdown](https://acrafto.com/cs/vyber-barev-z-obrazku/index.md))
- Slovenčina (sk): [Online kvapátko](https://acrafto.com/sk/online-kvapatko-vyber-farieb-z-obrazku/) ([Markdown](https://acrafto.com/sk/online-kvapatko-vyber-farieb-z-obrazku/index.md))
- English (en): [Image Color Picker](https://acrafto.com/en/online-image-color-picker/) ([Markdown](https://acrafto.com/en/online-image-color-picker/index.md))
- Deutsch (de): [Farbe aus Bild bestimmen](https://acrafto.com/de/farbauswahl-bild-online/) ([Markdown](https://acrafto.com/de/farbauswahl-bild-online/index.md))
- Français (fr): [Pipette à couleurs](https://acrafto.com/fr/pipette-couleur-image-en-ligne/) ([Markdown](https://acrafto.com/fr/pipette-couleur-image-en-ligne/index.md))
- Español (es): [Cuentagotas de imagen online](https://acrafto.com/es/selector-colores-imagen-online/) ([Markdown](https://acrafto.com/es/selector-colores-imagen-online/index.md))
- Italiano (it): [Contagocce colore](https://acrafto.com/it/selettore-colori-online-da-immagine/) ([Markdown](https://acrafto.com/it/selettore-colori-online-da-immagine/index.md))
- Português (pt): [Conta-gotas online](https://acrafto.com/pt/extrator-cores-imagem-online/) ([Markdown](https://acrafto.com/pt/extrator-cores-imagem-online/index.md))
- Nederlands (nl): [Kleur uit afbeelding halen](https://acrafto.com/nl/online-kleurenpipet/) ([Markdown](https://acrafto.com/nl/online-kleurenpipet/index.md))
- Polski (pl): [Kroplomierz kolorów z obrazu](https://acrafto.com/pl/kroplomierz-online-kolory-z-obrazu/) ([Markdown](https://acrafto.com/pl/kroplomierz-online-kolory-z-obrazu/index.md))
- Română (ro): [Pipetă de culori din imagine](https://acrafto.com/ro/selector-culori-imagine-online/) ([Markdown](https://acrafto.com/ro/selector-culori-imagine-online/index.md))
- Magyar (hu): [Színpipetta](https://acrafto.com/hu/kep-szinkivalaszto/) ([Markdown](https://acrafto.com/hu/kep-szinkivalaszto/index.md))
- Ελληνικά (el): [Σταγονόμετρο εικόνας](https://acrafto.com/el/image-color-picker/) ([Markdown](https://acrafto.com/el/image-color-picker/index.md))
- Български (bg): [Онлайн пипетка за цвят от снимка](https://acrafto.com/bg/image-color-picker/) ([Markdown](https://acrafto.com/bg/image-color-picker/index.md))
- Hrvatski (hr): [Pipeta za boje](https://acrafto.com/hr/alat-za-odabir-boja-slike/) ([Markdown](https://acrafto.com/hr/alat-za-odabir-boja-slike/index.md))
- Slovenščina (sl): [Barvna kapalka za slike](https://acrafto.com/sl/spletni-izbirnik-barv-iz-slike/) ([Markdown](https://acrafto.com/sl/spletni-izbirnik-barv-iz-slike/index.md))
- Eesti (et): [Pildi värvipipett](https://acrafto.com/et/pildi-varvivalija/) ([Markdown](https://acrafto.com/et/pildi-varvivalija/index.md))
- Latviešu (lv): [Krāsu pipete](https://acrafto.com/lv/krasu-pipete-online/) ([Markdown](https://acrafto.com/lv/krasu-pipete-online/index.md))
- Lietuvių (lt): [Spalvų pipetė](https://acrafto.com/lt/image-color-picker/) ([Markdown](https://acrafto.com/lt/image-color-picker/index.md))
- Svenska (sv): [Färgplockare från bild](https://acrafto.com/sv/fargplockare-fran-bild/) ([Markdown](https://acrafto.com/sv/fargplockare-fran-bild/index.md))
- Dansk (da): [Farvekode fra billede](https://acrafto.com/da/farvevaelger-fra-billede/) ([Markdown](https://acrafto.com/da/farvevaelger-fra-billede/index.md))
- Suomi (fi): [Poimi väri kuvasta](https://acrafto.com/fi/kuvan-varinvalitsin/) ([Markdown](https://acrafto.com/fi/kuvan-varinvalitsin/index.md))
- Norsk (no): [Fargeplukker](https://acrafto.com/no/online-fargevelger/) ([Markdown](https://acrafto.com/no/online-fargevelger/index.md))
- Українська (uk): [Піпетка кольору з фото](https://acrafto.com/uk/onlajn-pipetka-koloru/) ([Markdown](https://acrafto.com/uk/onlajn-pipetka-koloru/index.md))
- Русский (ru): [Онлайн-пипетка](https://acrafto.com/ru/vybor-tsveta-iz-izobrazheniya-onlajn/) ([Markdown](https://acrafto.com/ru/vybor-tsveta-iz-izobrazheniya-onlajn/index.md))
- Српски (sr): [Kapaljka za boje](https://acrafto.com/sr/odabir-boje-sa-slike/) ([Markdown](https://acrafto.com/sr/odabir-boje-sa-slike/index.md))
- Македонски (mk): [Пипета за бои од слика](https://acrafto.com/mk/izbirac-boja/) ([Markdown](https://acrafto.com/mk/izbirac-boja/index.md))
- Bosanski (bs): [Kapaljka za boje](https://acrafto.com/bs/online-birac-boja/) ([Markdown](https://acrafto.com/bs/online-birac-boja/index.md))
- Shqip (sq): [Pikues ngjyrash nga imazhi](https://acrafto.com/sq/pikues-ngjyrash-online-imazhi/) ([Markdown](https://acrafto.com/sq/pikues-ngjyrash-online-imazhi/index.md))
- Türkçe (tr): [Resimden renk kodu bulma](https://acrafto.com/tr/resimden-renk-secici/) ([Markdown](https://acrafto.com/tr/resimden-renk-secici/index.md))
- 日本語 (ja): [画像スポイト](https://acrafto.com/ja/image-color-picker/) ([Markdown](https://acrafto.com/ja/image-color-picker/index.md))
- 한국어 (ko): [이미지 색상 추출기](https://acrafto.com/ko/image-color-picker/) ([Markdown](https://acrafto.com/ko/image-color-picker/index.md))
- العربية (ar): [استخراج اللون من الصورة](https://acrafto.com/ar/image-color-picker/) ([Markdown](https://acrafto.com/ar/image-color-picker/index.md))
- हिन्दी (hi): [इमेज कलर पिकर](https://acrafto.com/hi/online-color-picker-tool/) ([Markdown](https://acrafto.com/hi/online-color-picker-tool/index.md))
- Bahasa Indonesia (id): [Ambil warna dari gambar](https://acrafto.com/id/pemilih-warna-gambar-online/) ([Markdown](https://acrafto.com/id/pemilih-warna-gambar-online/index.md))
- Tiếng Việt (vi): [Lấy màu từ ảnh](https://acrafto.com/vi/image-color-picker-online/) ([Markdown](https://acrafto.com/vi/image-color-picker-online/index.md))
- עברית (he): [טפטפת צבעים](https://acrafto.com/he/image-color-picker/) ([Markdown](https://acrafto.com/he/image-color-picker/index.md))