อัปโหลดรูปภาพใดๆ คลิกที่พิกเซลใดๆ รับค่า HEX ของสีนั้นๆ พร้อม RGB, HSL และชื่อสีที่ใกล้เคียงที่สุดใน CSS มีประโยชน์สำหรับการจับคู่สีแบรนด์จากภาพหน้าจอ ระบุสีทาจากภาพถ่าย หรือดึงโทนสีที่แน่นอนของท้องฟ้าในวอลเปเปอร์
ทำไมต้องเลือกจากรูปภาพ (แทนการกะด้วยตา)
"มันดูเป็นสีน้ำเงิน" ให้สีฟ้าต่างกัน 100 สี ตัวเลือกสีจะอ่านค่าพิกเซลจริงเพื่อให้คุณสามารถวางค่า HEX ที่แน่นอนลงใน CSS, เครื่องมือออกแบบ หรือแอปของร้านสี ซูมและเลื่อนเพื่อเจาะจงรายละเอียดเล็กๆ (สีตาในภาพพอร์ตเทรต, เส้นด้ายในลายผ้า)
สิ่งที่ตัวเลือกสีรายงาน
- HEX: พร้อมวางใน CSS, Figma, Photoshop
- RGB: สำหรับเครื่องมือที่ต้องการค่าช่องสีทศนิยม
- HSL: สำหรับปรับแต่งจากสีพื้นฐานที่เลือก
- ชื่อสี CSS ที่ใกล้เคียงที่สุด: 'cornflowerblue', 'salmon' ฯลฯ สะดวกสำหรับการอ้างอิงด่วน
- คำแนะนำความสว่างและคอนทราสต์: "จับคู่กับข้อความสีขาวดีที่สุด" หรือ "ใช้ข้อความสีเข้ม" ขึ้นอยู่กับความส่องสว่าง
เคล็ดลับการทำงาน
- สำหรับการจับคู่สีแบรนด์: อัปโหลดสินทรัพย์แบรนด์ (โลโก้, ภาพหน้าจอเว็บไซต์) คลิกที่สี วาง HEX ลงในคู่มือสไตล์ของคุณ
- สำหรับโทนสีในมูดบอร์ด: เก็บตัวอย่างหลายพิกเซลรอบบริเวณเพื่อให้รู้สึกถึงโทน หรือใช้ Palette Extractor สำหรับสีเด่น 5–10 สีโดยอัตโนมัติ
- สำหรับการจับคู่สีทา: เก็บตัวอย่างภาพถ่ายของผนัง จากนั้นค้นหา HEX ในแอปของแบรนด์สีทา (Sherwin Williams, Benjamin Moore ฯลฯ มีการค้นหา HEX ทั้งหมด)
แปลงเป็นรูปแบบอื่น
เมื่อคุณมี HEX แล้ว นำไปใช้ผ่าน Color Converter ของเราเพื่อแปลงเป็น CMYK (พิมพ์), Pantone หรือปรับ HSL
คำถามที่พบบ่อย
มันใช้กับ PNG โปร่งใสได้ไหม?
ได้ — การเลือกบนพื้นที่โปร่งใสจะคืนค่า 'transparent'; มิฉะนั้นจะให้ค่าพิกเซลที่มองเห็นได้
แล้ว JPEG compression artifacts ล่ะ?
ค่าที่เลือกสะท้อนพิกเซลที่แสดงผล JPEG จะลดทอนสี ดังนั้นสองพิกเซลที่อยู่ติดกันอาจแตกต่างกันเล็กน้อย ควรสุ่มตัวอย่างหลายพิกเซลเพื่อให้ได้ค่าที่แม่นยำ
Can I sample multiple pixels at once?
คลิก → บันทึก → คลิกอีกครั้ง หรือใช้ <a href='/tools/color-tools/palette-extractor/'>Palette Extractor</a> เพื่อรับชุดสีหลักโดยอัตโนมัติ
Does it handle different colour profiles?
We assume sRGB. Wide-gamut images (P3, Adobe RGB) get converted to sRGB on display, so the picker reads sRGB values.
ขนาดรูปภาพสูงสุด?
25 MB รูปภาพที่มีขนาดใหญ่กว่าจะถูกย่อขนาดเพื่อแสดงผล แต่ไฟล์ต้นฉบับจะถูกจัดเก็บไว้
ฉันสามารถอัปโหลด URL แทนไฟล์ได้หรือไม่?
บัญชีพรีเมียมสามารถวาง URL ของรูปภาพได้โดยตรง
ใช้กับภาพหน้าจอได้ไหม?
ได้ — ภาพหน้าจอเป็นกรณีการใช้งานที่พบบ่อยที่สุด คลิกที่พิกเซลใดก็ได้จากแอปหรือเว็บไซต์ที่จับภาพไว้
Are images stored?
Anonymous uploads deleted within 24 hours; signed-in uploads kept in your library.
เกี่ยวกับ ตัวเลือกสีจากรูปภาพ
ตัวเลือกสีจากรูปภาพ เป็นเครื่องมือออนไลน์ฟรีจาก Wallpapers.com ที่ทำงานในเบราว์เซอร์ของคุณเท่านั้น — ไม่ต้องติดตั้ง ไม่มีลายน้ำ ไม่ต้องลงทะเบียนอีเมลสำหรับการลองครั้งแรก
คลิกที่พิกเซลใดๆ บนรูปภาพเพื่ออ่านค่า HEX, RGB และ HSL
วิธีใช้ ตัวเลือกสีจากรูปภาพ
- เลือกสีจากตัวอย่างสี หรือวางค่า HEX/RGB
- ปรับผลลัพธ์ — จานสี ความคมชัด สีคู่ตรงข้าม
- คัดลอกค่า หรือส่งออกตัวอย่างสีเป็น JSON
เมื่อใดควรใช้
กรณีการใช้งานทั่วไปได้แก่:
เตรียมรูปภาพสำหรับอัปโหลดเว็บ, รายการสินค้าอีคอมเมิร์ซ, แพลตฟอร์มโซเชียลมีเดียที่มีข้อจำกัดรูปแบบ, และแปลงไฟล์จากอุปกรณ์หรือแอปหนึ่งไปยังอีกอุปกรณ์หนึ่ง
ฟรี vs พรีเมียม
ผู้เยี่ยมชมทุกคนได้รับทดลองใช้ฟรี; ผู้ใช้ที่ลงชื่อเข้าใช้ฟรีได้รับโควต้ารายวันสูงกว่า สมัครสมาชิก
พรีเมียม
เพื่อการใช้งานไม่จำกัด, ประมวลผลเป็นกลุ่มสูงสุด 200 รูปต่องาน, คิวลำดับความสำคัญ, และการเรียกดูไม่มีโฆษณา
เครื่องมือที่เกี่ยวข้อง
กำลังมองหาสิ่งที่แตกต่างเล็กน้อย? ลอง
ตัวดึงจานสี
,
เครื่องมือสร้างเกรเดียนต์
หรือ
ตัวแปลงภาพขาวดำ
— หรือเรียกดูทั้งหมด
เครื่องมือสี เครื่องมือ.
