ดูดสีจากรูป ออนไลน์ฟรี

วางรูป เล็งด้วยแว่นขยาย แล้วคัดลอก HEX RGB หรือ HSL โลโก้แบนใช้หนึ่งพิกเซล รูปถ่ายเฉลี่ยตารางเล็กได้ บนมือถือซูมเข้าแล้วเล็งเหนือนิ้ว ไฟล์อยู่แค่ในแท็บนี้ เลือกสีจากรูปได้โดยไม่ต้องติดตั้งโปรแกรมดูดสี windows

วางรูปเพื่อดูดสี

JPG, PNG, WebP, GIF, BMP, AVIF. ไฟล์เดียวไม่เกิน 40 MB. วางภาพหน้าจอด้วย Ctrl+V หรือ ⌘V.

เป็นส่วนตัว 100% พิกเซลอยู่แค่ในเบราว์เซอร์นี้ ไม่มีอะไรถูกอัปโหลด

100% ในเครื่องนี้

การดูดสีจากรูปทำงานในเบราว์เซอร์นี้ รูปไม่ออกจากแท็บ และไม่ไปเซิร์ฟเวอร์

ไม่ได้อัปโหลด

ไม่มีอะไรถูกส่งขึ้นเซิร์ฟเวอร์เพื่ออ่านหนึ่งพิกเซลหรือสร้างพาเลต

ฟรี ไม่มีบัญชี

ไม่สมัคร และไม่มีลายน้ำบนรหัส คัดลอก HEX RGB หรือ HSL ได้เลย

ดูดสีจากรูปคืออะไร

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

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

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

แว่นขยายวางบนรูปพิมพ์ของแก้วสีน้ำเงินกับผลส้ม

HEX RGB และ HSL คือสีเดียวกัน

คัดลอกแบบสะกดที่แอปถัดไปต้องการ รหัสสามบรรทัดด้านล่างบรรยายพิกเซลที่ล็อกไว้หนึ่งจุด

FormatExampleUse
HEX#1A73E8CSS HTML Figma และเครื่องมือออกแบบส่วนใหญ่ หกหลักหลัง #
RGBrgb(26, 115, 232)สีเดียวกันในแดง เขียว และน้ำเงิน ตั้งแต่ 0 ถึง 255
HSLhsl(214, 82%, 51%)ฮิว ความอิ่ม และความสว่าง สะดวกเมื่อต้องทำขั้นที่อ่อนหรือเข้มขึ้น

ทำอะไรได้ที่นี่

หนึ่งไฟล์ แว่นขยาย ซูม ขนาดตัวอย่าง และรหัสที่คัดลอกได้ พาเลตเก็บทั้งพื้นที่ใหญ่และสีที่แรงกว่า

แว่นขยายของพิกเซลจริง

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

พอดี 2× หรือ 4×

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

1 px 3×3 หรือ 5×5

1 px คือพิกเซลเดียว สำหรับโลโก้และพื้นแบน 3×3 กับ 5×5 เฉลี่ยตารางรอบจุดนั้น สำหรับรูปที่เพื่อนบ้านไม่ตรงกัน พิกเซลโปร่งใสในตารางถูกข้าม ถ้าจิ้มจุดที่โปร่งทั้งช่อง หน้านี้จะไม่ให้รหัส และจะบอกให้เลื่อนไปพิกเซลที่ระบายแล้ว

HEX RGB HSL และชื่อที่ใกล้ที่สุด

คัดลอก HEX RGB หรือ HSL จากสีที่ล็อก ชื่อคือชื่อ CSS ภาษาอังกฤษที่ใกล้ที่สุดตามระยะ RGB เช่น steel blue หรือ tomato ไม่ใช่ชื่อแบรนด์บนซอง และไม่ได้ถูกเปลี่ยนเป็นคำไทย ถ้าพิมพ์ชื่อนั้นใน CSS จะไม่ได้ HEX เดิม ให้วางรหัส

พาเลตจากไฟล์นี้

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

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

ใส่ไฟล์ เล็ง ล็อก แล้วคัดลอก ภาพตัวอย่างคือไฟล์ ไม่มีขั้นแปลงครั้งที่สอง

1

ใส่รูป

วาง JPG PNG WebP GIF BMP หรือ AVIF หรือวางภาพหน้าจอ พิกเซลถูกถอดในแท็บนี้ HEIC TIFF PDF และที่อยู่เว็บเปิดไม่ได้ รูปจากไอโฟนให้ส่งออกเป็น JPG หรือ PNG ก่อน

มือกำลังวางรูปพิมพ์ของแก้วสีน้ำเงินกับผลส้มลงบนแล็ปท็อป
2

เล็งแล้วล็อก

ใช้ 1 px บนพื้นแบน หรือ 3×3 / 5×5 บนรูปถ่าย คลิกเพื่อล็อก บนมือถือถ้าเครื่องหมายเล็กให้ซูม 2× หรือ 4× ตัวอย่างอยู่เหนือนิ้ว ยกนิ้วเพื่อล็อก

แว่นขยายขยายเคลือบสีน้ำเงินในรูปพิมพ์
3

คัดลอกรหัส

คัดลอก HEX RGB หรือ HSL ตามที่แอปถัดไปรับ ถ้าต้องการไฟล์ไม่ใช่แค่รหัส ให้ดาวน์โหลด PNG แถบสีแบนของสีนั้น แถบนั้นคือสีเดียว ไม่ใช่รูปเดิมที่ถูกทาใหม่

การ์ดไม่มีข้อความสามใบ สีโคบอลต์ สีส้ม และสีฟ้าอ่อน วางข้างรูป

ทำไมสีที่เห็นกับพิกเซลไม่ตรงกัน

ความเหลื่อมอยู่ในไฟล์ ไม่ได้อยู่ที่การคลิก กรณีด้านล่างคือสิ่งที่หน้านี้ทำให้เห็น

ขอบตัวอักษรไม่ใช่สีพื้น

การเกลี่ยขอบผสมสีพื้นกับฉากหลังตลอดทุกขอบ การคลิกที่ชายขอบนั้นได้สีที่สาม ให้เล็งกลางพื้นที่แบน และใช้ 1 px ขอบโลโก้มักเป็นรหัสคนละค่าโดยตั้งใจ

JPEG ถูกเก็บเป็นบล็อก

JPEG ไม่ได้เก็บท้องฟ้าเรียบเป็นรหัสเดียว พิกเซลข้างกันกระโดด การอ่าน 1 px จะเปลี่ยนทุกครั้งที่เลื่อน ค่าเฉลี่ย 5×5 อยู่ใกล้สีที่ตารายงานมากกว่า หน้านี้ อ่านช่องในไฟล์ ไม่ได้อ่านความทรงจำ

ภาพหน้าจอถูกบีบแล้ว

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

นิ้วบังพิกเซล

บนมือถือตัวอย่างอยู่เหนือนิ้ว และแว่นขยายแสดงพิกเซลเหล่านั้น ยกนิ้วเพื่อล็อก ถ้าเครื่องหมายเล็ก ให้ใช้ 2× หรือ 4× แล้วลากรูปจนแว่นขยายทับจุด ลูกศรขยับหนึ่งพิกเซลเมื่อเมาส์หยาบเกิน

โปรไฟล์สีไม่ใช่เลขพิกเซล

Photoshop อาจแสดง HEX คนละค่าที่จุดเดียวกัน ถ้าไฟล์มี Display P3 หรือโปรไฟล์งานพิมพ์ หน้านี้ อ่านพิกเซล sRGB ที่เบราว์เซอร์ถอดแล้ว ซึ่งเป็นเลขที่วางใน CSS และ Figma มันเปลี่ยนเลขนั้นเป็นปรู๊ฟโรงพิมพ์ไม่ได้ และย้อนภาพหน้าจอที่ถ่ายมอนิเตอร์ไปแล้วก็ไม่ได้

ก่อนเชื่อรหัส

  • บนโลโก้ ให้คลิกกลางรูปทรงแบน ขอบคือสีที่ถูกผสม
  • บนรูปถ่าย ให้เริ่มที่ 5×5 ลดเหลือ 1 px เฉพาะเมื่อต้องการพิกเซลเป๊ะ เช่น LED ดวงเดียว
  • ถ้าคลิกสองครั้งบนท้องฟ้าเดียวกันได้สอง HEX นั่นคือไฟล์ ให้เฉลี่ยด้วย 5×5 แทนการไล่หาพิกเซลที่ตรงกับความจำ
  • ชื่อที่ใกล้ที่สุดอาจบอก steel blue สำหรับน้ำเงินของแบรนด์ วาง HEX ในเครื่องมือออกแบบ อย่าวางชื่อนั้นใน CSS แล้วคาดว่าจะตรง
  • GIF เคลื่อนไหวใช้เฟรมแรก เฟรมถัดไปอาจเป็นสีอื่น
  • HEIC จากไอโฟนเปิดที่นี่ไม่ได้ ส่งออกเป็น JPG หรือ PNG ก่อน
  • หน้านี้ไม่แต่งค่า CMYK สำหรับพิมพ์ พิกเซลจอที่ถูกแปลงเป็นหมึกไม่ใช่ปรู๊ฟโรงพิมพ์
  • ถ้า Photoshop แสดง HEX อื่น ไฟล์อาจมีโปรไฟล์สี หน้านี้รายงานพิกเซล sRGB ที่เบราว์เซอร์ถอดแล้ว

สามงานที่หน้านี้ทำจนจบ

แต่ละการ์ดคือไฟล์ที่คุณมีอยู่แล้ว ค่าตัวอย่าง และขอบเขตของการอ่านนั้น

โลโก้สำหรับสไตล์ชีต

คุณมี PNG ของเครื่องหมาย และต้องการสีพื้นใน CSS อ่านพิกเซลกลางโดยไม่ต้องเปิดโปรแกรมแต่ง

ไฟล์: PNG หรือ SVG ที่ส่งออกเป็น PNG พร้อมรูปทรงแบรนด์แบน

ตั้งค่า: 1 px เล็งกลางสีพื้น

สิ่งที่คัดลอก: HEX วางใน CSS หรือ Figma

ข้อจำกัด: ขอบที่ถูกเกลี่ยเป็นรหัสอื่น อย่าคลิกขอบ

ภาพหน้าจอของเว็บ

เห็นสีปุ่ม แต่เปิดสไตล์ชีตไม่ได้ ให้วางภาพหน้าจอแล้วอ่านส่วนแบน

ไฟล์: ภาพหน้าจอที่วางจากคลิปบอร์ด

ตั้งค่า: 1 px บนส่วนแบนของปุ่ม ไม่ใช่เส้นขอบ

สิ่งที่คัดลอก: HEX หรือ RGB

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

รูปสินค้า

ต้องการสีที่ใช้ทาพื้นหลังได้ ไม่ใช่พิกเซลนอยส์จุดเดียว เอาค่าเฉลี่ยบนเนื้อวัสดุ

ไฟล์: JPG ของสินค้า

ตั้งค่า: 5×5 บนวัสดุ ห่างจากไฮไลต์และเงา

สิ่งที่คัดลอก: HSL แล้วทำขั้นที่สว่างขึ้นในเครื่องมือออกแบบ

ข้อจำกัด: ตารางนั้นคือค่าเฉลี่ยของจุดนั้น ไม่ใช่ชิปแบรนด์ที่วัดมา

หน้านี้กับหลอดสีบนเดสก์ท็อป

หน้านี้

อ่านไฟล์ในเบราว์เซอร์

วางหรือแปะรูปนิ่ง แว่นขยาย ขนาดตัวอย่าง HEX และพาเลตมาจากไฟล์นั้นทั้งหมด ไม่มีส่วนขยาย ไม่มีแอป Windows และไม่มีบัญชี Chrome กับ Edge ยังดูดสีจากหน้าจอได้ด้วยหลอดของเบราว์เซอร์เอง ปุ่มนั้นเขียนว่าเป็นการอ่านหน้าจอ มันไม่ได้อ่านไฟล์ด้านบน

คนละงาน

ตัวอ่านหน้าจอ โปรแกรมแต่ง และฟิลเตอร์

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

คำถามเรื่องดูดสีจากรูป

วิธีดูดสีจากรูปทำอย่างไร +

วางรูปบนหน้านี้หรือวางภาพหน้าจอ เลื่อนจนแว่นขยายอยู่บนสีที่ต้องการ คลิกล็อก แล้วคัดลอก HEX RGB หรือ HSL โลโก้แบนใช้ 1 px รูปถ่ายใช้ 3×3 หรือ 5×5 วิธีดูดสีจากรูปจบสามขั้นนี้ ไม่ต้องเปิดโปรแกรมแต่ง และไม่ต้องสมัคร

ดูดสีจากรูปบนเว็บต้องลงโปรแกรมไหม +

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

รหัสสีจากรูปคัดลอกได้อย่างไร +

รหัสสีจากรูปออกมาสามแบบจากพิกเซลที่ล็อก ตัวอย่างคือ #1A73E8, rgb(26, 115, 232) และ hsl(214, 82%, 51%) สามบรรทัดนี้คือสีเดียวกัน เลือกแบบที่แอปถัดไปรับ CSS ใช้ HEX ตัวเลขช่องใช้ RGB ขั้นความสว่างใช้ HSL

เลือกสีจากรูปต้องลากวงล้อสีไหม +

เลือกสีจากรูปโดยเล็งแว่นขยายแล้วล็อก ไม่ได้ลากวงล้อสี บนพื้นแบนให้ใช้ 1 px กลางรูปทรง บนรูปถ่ายให้เริ่มที่ 5×5 เพราะพิกเซลข้างกันไม่ตรงกัน บนมือถือตัวอย่างอยู่เหนือนิ้ว ยกนิ้วเพื่อล็อก ถ้าจุดเล็กให้ซูม 2× หรือ 4× แล้วลากรูป

ดูดสี HEX จากรูปทำอย่างไร +

ล็อกพิกเซลแล้วกดคัดลอก HEX รหัสมีรูปอย่าง #1A73E8 ดูดสี hex ที่นี่คือการอ่านไฟล์ ไม่ใช่การสุ่มสีจากวงล้อ คัดลอก RGB กับคัดลอก HSL เป็นสีเดียวกันคนละแบบเขียน ถ้ารูปมีนอยส์ ให้ตั้ง 5×5 ก่อนคัดลอก ไม่งั้นเลขกระโดดไปพิกเซลข้าง ๆ

ต้องติดตั้งโปรแกรมดูดสี Windows ไหม +

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

วิธีดูดสีใน Canva กับหน้านี้เหมือนกันไหม +

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

ดูดสีใน Photoshop กับหน้านี้เหมือนกันไหม +

ดูดสี photoshop คือการเก็บตัวอย่างในเอกสารของโปรแกรมแต่ง หน้านี้ไม่เปิด Photoshop และไม่บอกคีย์ลัดของแอปนั้น ถ้ามีไฟล์ที่บันทึกแล้ว วางที่นี่เพื่อได้รหัสโดยไม่เข้าโปรแกรมแต่งเต็มรูปแบบ เลข HEX ที่ไม่ตรงกันเป็นเรื่องโปรไฟล์ อธิบายไว้ในคำถามเรื่อง sRGB ไม่ใช่เรื่องเมนู

ดูดสีใน Word กับหน้านี้เหมือนกันไหม +

ดูดสีใน word คือหลอดสีในเอกสาร บางครั้งมันอ่านสิ่งที่อยู่บนหน้ากระดาษใน Word หน้านี้ไม่เปิด Word บันทึกรูปออกจากเอกสารแล้ววางไฟล์นั้นที่นี่ แล้วคัดลอกรหัสกลับไปเอง เมนู Word ไม่ถูกกดจาก URL นี้

วิธีดูดสีใน PowerPoint กับหน้านี้เหมือนกันไหม +

วิธีดูดสีใน PowerPoint คือเครื่องมือบนสไลด์ หน้านี้ไม่เปิด PowerPoint และไม่แก้สไลด์ให้ ถ้ารูปถูกส่งออกแล้ว ให้ใช้วิธีดูดสีจากรูปในแท็บนี้ แล้วเอา HEX ไปวางในสไลด์เอง งานของสองที่นี้คนละชั้น

หน้านี้ดูดสีให้เครื่องปริ้น Canon G2010 ได้ไหม +

หน้านี้ไม่เติมหมึกเครื่องพิมพ์ ดูดสีเครื่องปริ้น canon g2010 รวมถึงการดูดสีของ Canon Epson และ Brother คือการดูดหมึกจากถังหมึก ไม่ใช่การอ่านรหัสสีจากไฟล์รูป หน้านี้ไม่เปิดฝาเครื่อง และไม่ดูดน้ำหมึก ถ้ารูปถูกสแกนหรือถ่ายมาแล้วและต้องการรหัส ให้วางไฟล์รูปที่นี่

ดูดสี CMYK ได้ไหม +

ทำไม่ได้ ดูดสี CMYK ไม่ได้อยู่ที่หน้านี้ การแปลงพิกเซลจอเป็น CMYK ไม่ใช่ปรู๊ฟโรงพิมพ์ คัดลอก HEX หรือ RGB แล้วแปลงในแอปที่รู้กระดาษและโปรไฟล์ หน้านี้ไม่เดาค่าหมึก

ดูดสีจากรูปฟรีหรือไม่ +

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

รูปถูกอัปโหลดหรือไม่ +

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

วางภาพหน้าจอได้หรือไม่ +

ได้ คัดลอกภาพหน้าจอ คลิกหน้านี้ แล้ววาง บนคอมพิวเตอร์ใช้ Ctrl+V หรือ ⌘V บนมือถือถ้าไม่มีคำสั่งวาง ให้ใช้ตัวเลือกไฟล์ ภาพที่วางก็ไม่อัปโหลด อ่านในแท็บนี้เหมือนไฟล์ที่ลากมา

คลิกสองครั้งบนพื้นที่เดียวกัน ทำไมได้สองรหัส +

ภาพถ่ายและ JPEG ไม่ได้เก็บท้องฟ้าหรือเสื้อเป็นรหัสแบนค่าเดียว พิกเซลข้างกันต่างกัน ใช้ 3×3 หรือ 5×5 เพื่อเฉลี่ยตารางเล็ก บนโลโก้ให้อยู่ที่ 1 px แล้วคลิกกลางพื้นแบน ไม่ใช่ชายขอบ สองรหัสไม่ใช่เครื่องพัง มันคือความต่างที่อยู่ในไฟล์

ใช้บนมือถือได้หรือไม่ +

ได้ ตัวอย่างอยู่เหนือนิ้ว และสีล็อกเมื่อยกนิ้ว ใช้ 2× หรือ 4× เมื่อเครื่องหมายเล็ก แล้วลากรูปเพื่อเลื่อน รูปที่ด้านยาวเกิน 2000 px ถูกอ่านจากสำเนา 2000 px เพื่อให้แท็บยังใช้ได้ และหน้านี้บอกเมื่อเกิดแบบนั้น รหัสตรงกับสำเนานั้น

ทำไม Photoshop ถึงแสดง HEX ไม่ตรงกับหน้านี้ +

ไฟล์อาจมีโปรไฟล์สี Photoshop อาจแสดงเลขภายในโปรไฟล์นั้น หน้านี้ อ่านพิกเซล sRGB หลังเบราว์เซอร์ถอดไฟล์ ซึ่งเป็นค่าสำหรับวางใน CSS หรือ Figma ภาพหน้าจอไปอีกขั้น มันเป็นพิกเซลของมอนิเตอร์แล้ว ทั้งสองการอ่านไม่ใช่ปรู๊ฟ CMYK

ทำไมชื่อสีเป็นภาษาอังกฤษ +

หน้านี้แสดงชื่อ CSS ภาษาอังกฤษที่ใกล้ที่สุด เช่น steel blue หรือ tomato มันคือชื่อที่ใกล้ ไม่ใช่ชื่อแบรนด์ และไม่ได้ถูกเปลี่ยนเป็นคำไทย ถ้าพิมพ์ชื่อนั้นใน CSS จะไม่กลับมาเป็น HEX เดิม ให้วางรหัส

color picker คือ อะไร +

color picker ในหน้านี้คือตัวอ่านสีจากไฟล์รูป ไม่ใช่วงล้อเลือกสี และไม่ใช่ส่วนขยายที่เฝ้ามอนิเตอร์ eyedropper เป็นชื่อภาษาอังกฤษของเครื่องมือแบบนี้ ใน Chrome กับ Edge มีปุ่มดูดสีจากหน้าจอแยกต่างหาก ปุ่มนั้นอ่านจอ ไม่ได้อ่านไฟล์ที่วางไว้

เปลี่ยนสีรูปที่นี่ได้ไหม +

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

วางที่อยู่เว็บแล้วดูดสีจากรูปนั้นได้ไหม +

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

ดูดสีจากรูปของคุณ

วางรูปหรือวางภาพหน้าจอ ล็อกพิกเซล แล้วคัดลอกรหัส ไฟล์อยู่บนเครื่องนี้

ดูดสีจากรูป

เข้าสู่ระบบเพื่อดูบัญชีของคุณ

เครดิต ผลขยายภาพที่บันทึก และการเรียกเก็บเงินอยู่กับบัญชีนี้ เข้าสู่ระบบด้วยอีเมลหรือ Google

ลืมรหัสผ่าน?

หรือ

ดำเนินการต่อด้วย Google