ประเด็นสำคัญ
- 01สุ่มพิกเซลใด ๆ จากรูปภาพใด ๆ และได้รหัส HEX RGB และ HSL ในคลิกเดียว
- 02ลูปขยายที่มีการซูม 20x ขึ้นไปทำให้ง่ายต่อการจับพิกเซลที่แน่นอนจากโลโก้หรือไอคอน
- 03สร้างจานสีขนาดเล็กจากการเลือกหลาย ๆ ครั้ง ทุกอย่างยังคงเป็นส่วนตัวในเบราว์เซอร์ของคุณ
- 04ฟรี ไม่ต้องสมัคร และใช้ได้กับ JPG PNG WebP AVIF GIF BMP และ HEIC
ทำไมต้องใช้ตัวเลือกสีแบบเบราว์เซอร์
นักออกแบบ นักพัฒนา และผู้สร้างเนื้อหาต้องจับคู่สีจากรูปภาพอ้างอิงเป็นประจำ โลโก้ บอร์ดมูด รูปภาพลูกค้า หรือสกรีนช็อต ระบบปฏิบัติการส่วนใหญ่มีเครื่องมือหยดสีพื้นฐาน แต่ขาดการขยาย เอาต์พุตหลายรูปแบบ และการสร้างจานสีที่ทำให้การเลือกสีเร็วในเวิร์กโฟลว์จริง
ตัวเลือกสีของ Handytool ทำงานโดยสมบูรณ์ในเบราว์เซอร์ของคุณ จึงไม่มีการติดตั้ง บัญชี และไม่มีรูปภาพส่งไปยังเซิร์ฟเวอร์ใด ๆ คุณจะได้หยดสีขนาดใหญ่ รูปแบบสีสามรูปแบบพร้อมกัน (HEX RGB HSL) และจานสีที่ใช้ซ้ำได้ ทั้งหมดฟรี
วิธีเลือกสีจากรูปภาพ
กระบวนการทั้งหมดใช้เวลาน้อยกว่านาที
- 01
วางหรือเปิดรูปภาพของคุณ
ลากไฟล์รูปภาพของคุณลงบนหน้าหรือคลิกเพื่อเรียกดู JPG PNG WebP AVIF GIF BMP และ HEIC ล้วนได้รับการสนับสนุน ไฟล์ HEIC จากiPhoneถูกถอดรหัสในเครื่องโดยใช้ WebAssembly
- 02
วางลูปไว้เหนือพิกเซลเป้าหมาย
เลื่อนเคอร์เซอร์ของคุณไปเหนือรูปภาพ ลูปที่ซูมขยายตามเคอร์เซอร์ของคุณเพื่อให้คุณสามารถมองเห็นพิกเซลแต่ละพิกเซลแม้ในรูปภาพที่หนาแน่นหรือเล็ก Zoom ขึ้นไปถึง 20x สำหรับรายละเอียดโลโก้และการทำงานไอคอน
- 03
คลิกเพื่อสุ่มสี
คลิกที่พิกเซลที่คุณต้องการ ค่า HEX RGB และ HSL ปรากฏทันทีในแผง
- 04
คัดลอกรูปแบบที่คุณต้องการ
คลิกที่รูปแบบใด ๆ ที่ประกอบด้วยจุด เพื่อคัดลอกไปยังคลิปบอร์ดของคุณ HEX พร้อม CSS RGB เหมาะสำหรับงานสิ่งพิมพ์ และ HSL เหมาะเมื่อคุณต้องการออกแบบตัวแปรที่เบากว่าหรือเข้มกว่าของเฉดสีเดียวกัน
- 05
สร้างจานสีด้วยการเลือกหลาย ๆ ครั้ง
เก็บการคลิกไปรอบ ๆ รูปภาพเพื่อเพิ่มตัวอย่างสีให้กับจานสีขนาดเล็กที่ด้านล่าง คลิกตัวอย่างสีใด ๆ เพื่อคัดลอก HEX หรือปุ่ม x เพื่อลบออก
คุณควรใช้รูปแบบสีใด
แต่ละรูปแบบให้บริการจุดประสงค์ที่แตกต่างกันเล็กน้อย
- 01HEX (#B7FF3E) — ตัวเลือกสากลสำหรับ CSS เว็บและเครื่องมือออกแบบเช่น Figma
- 02RGB (183, 255, 62) — ต้องการในการออกแบบสิ่งพิมพ์ การปรับสมดุลสี และแอปพลิเคชันออกแบบบางรายการ
- 03HSL (83°, 100%, 62%) — ดีที่สุดเมื่อคุณต้องการสร้างสี เงา หรือแรมป์สี
- 04รูปแบบทั้งสามแสดงถึงสีเดียวกัน คัดลอกสีใดก็ได้ที่เครื่องมือปลายทางคาดหวัง
รูปภาพของคุณจะไม่ออกจากอุปกรณ์ของคุณ
ตัวเลือกสีเป็นเครื่องมือฝั่งไคลเอนต์อย่างเต็มที่ ทุกรูปภาพที่คุณวางลงถูกถอดรหัสโดย Canvas API ของเบราว์เซอร์ของคุณ และการคำนวณสีทั้งหมดเกิดขึ้นใน JavaScript ในเครื่อง ไม่มีข้อมูลส่งไปยังเซิร์ฟเวอร์ บันทึก หรือเก็บไว้ แม้ชั่วคราว
สิ่งนี้หมายความว่าคุณสามารถทำงานอย่างปลอดภัยด้วย mockup ที่เป็นความลับ ผลงานของลูกค้า หรือรูปภาพผลิตภัณฑ์ที่ยังไม่เปิดตัว ปิดแท็บและทุกอย่างก็หายไป ไม่ต้องกังวลเรื่องการอัปโหลด ไม่มีนโยบายความเป็นส่วนตัวที่ต้องเลื่อน
FAQ ตัวเลือกสี
ฉันจะเลือกสีจากรูปภาพออนไลน์ได้อย่างไร
วางรูปภาพของคุณลงบน Handytool colour picker วางเมาส์เหนือพิกเซลที่คุณต้องการ และคลิก ค่า HEX RGB และ HSL ปรากฏทันทีและสามารถคัดลอกได้ด้วยคลิกเดียว
รูปแบบรูปภาพใดที่ตัวเลือกสีออนไลน์รองรับ
JPG PNG WebP AVIF GIF BMP และ HEIC/HEIF รูปภาพ HEIC จาก iPhone ถูกถอดรหัสในเครื่องโดยใช้ WebAssembly จึงไม่จำเป็นต้องแปลง
ความแตกต่างระหว่าง HEX RGB และ HSL คืออะไร
HEX เป็นรหัสหกหลักทั่วไปใน CSS เว็บ RGB แสดงสีเป็นสามค่าตัวเลข (สีแดง เขียว น้ำเงิน) จาก 0 ถึง 255 HSL ใช้สี ความอิ่มตัว และความสว่าง ซึ่งมีประโยชน์ในการสร้างแรมป์สี
รูปภาพของฉันอัปโหลดไปยังเซิร์ฟเวอร์หรือไม่?
ไม่ เครื่องมือทั้งหมดทำงานในเบราว์เซอร์ของคุณ รูปภาพของคุณยังคงอยู่ในอุปกรณ์ของคุณตั้งแต่ต้นจนจบ ไม่มีส่งไปยังเซิร์ฟเวอร์
ฉันสามารถบันทึกจานสีสีจากรูปภาพหนึ่งได้หรือไม่?
ใช่ ทุกครั้งที่คลิกจะเพิ่มตัวอย่างสีให้กับจานสีที่ด้านล่างของหน้า คลิกตัวอย่างสีเพื่อคัดลอก HEX หรือ x เพื่อลบออก จานสีจะสูญหายเมื่อคุณปิดแท็บ คัดลอกรหัสของคุณก่อนที่จะออก
ตัวเลือกสีฟรีหรือไม่?
ใช่ Handytool ฟรีทั้งหมดโดยไม่ต้องสมัคร ไม่มีขีด จำกัด การใช้งาน และไม่มีลายน้ำ