เครื่องมือเลือกสีจากภาพ — สุ่มตัวอย่างจานสีของภาพถ่าย
ไฟล์ของคุณจะไม่ออกจากอุปกรณ์
วางรูปภาพเพื่อดึงสี
หรือคลิกเพื่อเลือกไฟล์
รองรับ: JPG, PNG, WebP
ดึงพาเลตสีจากรูปภาพ
เครื่องมือเลือกสีจากรูปภาพ ของ Vizua ให้คุณเลือกไฟล์ JPG, PNG หรือ WebP ที่รองรับ และสุ่มตัวอย่างพิกเซลจากแคนวาสที่เบราว์เซอร์แสดงผล แต่ละครั้งที่คลิกจะเพิ่มค่า RGB ที่ถอดรหัสแล้วลงในรายการตัวอย่างล่าสุดสูงสุด 10 สี ค่าเหล่านี้เป็นตัวอย่างพิกเซลที่แสดงผล ไม่ใช่การวัดโปรไฟล์สีต้นฉบับที่รับประกัน
นักออกแบบใช้การดึงสีจากรูปถ่ายอย่างไร
รูปถ่ายอาจให้สีตัวเลือกสำหรับสำรวจ เช่น ภาพพระอาทิตย์ตกอาจให้สีส้มและม่วง ส่วนใบไม้อาจให้สีเขียวและน้ำตาล พาเลตที่นำไปใช้ได้ยังต้องพิจารณาคอนทราสต์ การช่วยการเข้าถึง ขอบเขตสี บริบท กฎของแบรนด์ และสิทธิ์ที่เกี่ยวข้องกับภาพต้นฉบับ
- อัตลักษณ์แบรนด์ — ดึงสีจากภาพถ่ายสินค้าเพื่อสร้างพาเลตแบรนด์ที่สอดคล้องกัน
- UI/UX Design — ดึงสีจาก Hero Image เพื่อสร้างธีมหน้าเว็บที่กลมกลืน
- โซเชียลมีเดีย — จับคู่สีข้อความและกราฟิกให้เข้ากับสีหลักในรูปถ่ายของคุณ
- งานนำเสนอ — ใช้สีที่ดึงจากรูปภาพสำหรับพื้นหลังสไลด์และสีเน้น
ค่าสีครบสามรูปแบบในทันที
สีแต่ละตัวอย่างจะแสดงเป็น HEX, RGB และค่าแปลง HSL ที่ปัดเศษ คลิกค่าเพื่อขอคัดลอกไปยังคลิปบอร์ด โดยยังขึ้นอยู่กับสิทธิ์ของเบราว์เซอร์และการตีความสีที่ปลายทาง
ประมวลผลในเบราว์เซอร์ของคุณ
รูปภาพที่เลือกจะถูกประมวลผลในเบราว์เซอร์และไม่ส่งไปยังเซิร์ฟเวอร์ประมวลผลภาพของ Vizua อย่างไรก็ตาม หน้าเว็บอาจยังส่งคำขอเครือข่ายสำหรับโค้ดที่จำเป็น ฟีเจอร์ของเว็บไซต์ การวิเคราะห์ โฆษณา และการติดตามข้อผิดพลาด ตามที่อธิบายในนโยบายความเป็นส่วนตัว
คำถามที่พบบ่อย
ดึงพาเลตสีจากรูปภาพได้อย่างไร?
วางรูปภาพที่รองรับแล้วคลิกบนแคนวาสที่แสดงผล แต่ละครั้งจะสุ่มตัวอย่างพิกเซล RGB หนึ่งจุดที่เบราว์เซอร์ถอดรหัส และเพิ่มลงในรายการสีล่าสุดได้สูงสุด 10 สี การถอดรหัส การจัดการสี การแสดงผลบนแคนวาส และการปรับขนาดหน้าจออาจทำให้ค่าแตกต่างจากค่าที่เก็บไว้ในไฟล์ต้นฉบับ
รองรับรูปแบบสีอะไรบ้าง?
ทุกสีที่เลือกจะแสดงในสามรูปแบบ ได้แก่ HEX (เช่น #FF5733), RGB (เช่น 255, 87, 51) และ HSL (เช่น 11°, 100%, 60%) คลิกที่ค่าใดก็ได้เพื่อคัดลอกทันที
นำสีที่ดึงมาใช้ในงานออกแบบได้เลยไหม?
คุณสามารถคัดลอกข้อความ HEX, RGB หรือ HSL แบบ sRGB เมื่อเบราว์เซอร์อนุญาตให้เข้าถึงคลิปบอร์ด โปรดตรวจสอบปริภูมิสี ขอบเขตสี คอนทราสต์ การช่วยการเข้าถึง ข้อกำหนดของแบรนด์ และสิทธิ์ในปลายทางจริง แทนการถือว่าค่าตัวอย่างหนึ่งค่าเป็นข้อกำหนดงานออกแบบทั้งหมด
ต่างจากเครื่องมือ Color Picker ทั่วไปอย่างไร?
ทั้งสองเส้นทางใช้คอมโพเนนต์เลือกสีบนแคนวาสเดียวกัน หน้านี้อธิบายขั้นตอนเป็นการเก็บตัวอย่างล่าสุดสูงสุด 10 สีสำหรับพาเลต ส่วนหน้า Color Picker เน้นตรวจสอบค่าของพิกเซลที่เลือก
ใช้กับภาพ Screenshot ได้ไหม?
ได้ รองรับไฟล์ภาพทุกประเภท ไม่ว่าจะเป็นรูปถ่าย, Screenshot, ภาพประกอบ, โลโก้ หรือ UI Mockup วางหรือเลือกไฟล์ JPG, PNG หรือ WebP แล้วเริ่มเลือกสีได้เลย
สิ่งที่คุณทำได้ด้วยเครื่องมือเลือกสีจากภาพ — สุ่มตัวอย่างจานสีของภาพถ่าย
สุ่มพิกเซลจากภาพที่รองรับและตรวจค่า HEX, RGB และ HSL ในเบราว์เซอร์ แล้วสร้างพาเลตจากสีที่เลือก
เครื่องมือเลือกสีจากภาพ — สุ่มตัวอย่างจานสีของภาพถ่ายออกแบบมาสำหรับงานที่รวดเร็วและทำซ้ำได้ในเบราว์เซอร์สมัยใหม่ ตัวควบคุมในหน้านี้ช่วยให้คุณเตรียมผลลัพธ์โดยไม่ต้องติดตั้งซอฟต์แวร์หรือสร้างบัญชี
วิธีใช้เครื่องมือเลือกสีจากภาพ — สุ่มตัวอย่างจานสีของภาพถ่าย
- เลือกหรือลากไฟล์ที่ต้องการประมวลผลมาวาง หรือกรอกข้อมูลที่เครื่องมือร้องขอ
- ตรวจสอบตัวเลือกก่อนประมวลผล โดยเฉพาะรูปแบบ ขนาด คุณภาพ สี และรายละเอียดอื่นที่มีผลต่อผลลัพธ์
- ตรวจสอบผลลัพธ์ ดาวน์โหลดไฟล์ใหม่ และเก็บไฟล์ต้นฉบับไว้โดยไม่แก้ไข เผื่อต้องสร้างเวอร์ชันอื่น
ออกแบบมาเพื่อความเป็นส่วนตัว
ไฟล์ของคุณจะไม่ออกจากอุปกรณ์ การประมวลผลทั้งหมดเกิดขึ้นภายในเบราว์เซอร์ของคุณ
เคล็ดลับเพื่อผลลัพธ์ที่ดีขึ้น
- เริ่มจากไฟล์ต้นฉบับที่ดีที่สุด เพราะไฟล์ขนาดเล็ก เบลอ หรือบีบอัดมากจะมีรายละเอียดให้รักษาไว้น้อยกว่า
- ตรวจสอบขนาดและรูปแบบก่อนดาวน์โหลด เพื่อให้ผลลัพธ์ตรงกับเว็บไซต์ แอป เครื่องพิมพ์ หรือแพลตฟอร์มปลายทาง
- สำหรับไฟล์ใหญ่ ให้ปิดแท็บที่ไม่จำเป็นและลองกับไฟล์ตัวอย่างหนึ่งไฟล์ก่อนประมวลผลทั้งชุด
- เปิดผลลัพธ์ที่ดาวน์โหลดมาตรวจสอบหนึ่งครั้งก่อนแชร์หรือใช้แทนไฟล์ต้นฉบับ
ตำแหน่งของเครื่องมือเลือกสีจากภาพ — สุ่มตัวอย่างจานสีของภาพถ่ายในขั้นตอนการทำงาน
ใช้เครื่องมือเลือกสีจากภาพ — สุ่มตัวอย่างจานสีของภาพถ่ายสำหรับการปรับแต่งครั้งเดียว หรือเป็นขั้นเตรียมก่อนเผยแพร่ แชร์ จัดเก็บ หรือแก้ไขต่อในแอปอื่น หากมีการประมวลผลแบบกลุ่ม ให้ตรวจสอบการตั้งค่ากับตัวอย่างขนาดเล็กก่อน แล้วจึงนำไปใช้กับไฟล์ที่เหลือ