เนื้อหา

• ที่จะก้าว
• วิธีที่ 1 จาก 4: การใช้เครื่องวัดสีดิจิทัลบนเครื่อง Mac
• วิธีที่ 2 จาก 4: การใช้ Color Cop สำหรับ Windows
• วิธีที่ 3 จาก 4: ใช้ Imagecolorpicker.com
• วิธีที่ 4 จาก 4: การใช้ Firefox (สำหรับการระบายสีบนเว็บ)
• เคล็ดลับ

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

ที่จะก้าว

วิธีที่ 1 จาก 4: การใช้เครื่องวัดสีดิจิทัลบนเครื่อง Mac

1. เปิดมิเตอร์สีดิจิทัลบน Mac ของคุณ เครื่องมือนี้เป็นส่วนหนึ่งของ macOS สามารถแยกแยะค่าสีของสีใดก็ได้บนหน้าจอ เปิด Finder ดับเบิลคลิกที่โฟลเดอร์ โปรแกรมดับเบิลคลิกที่โฟลเดอร์ ยูทิลิตี้ แล้วดับเบิลคลิก เครื่องวัดสีดิจิตอล เพื่อเปิด
2. เลื่อนเคอร์เซอร์ของเมาส์ไปยังสีที่คุณต้องการค้นหารหัสฐานสิบหก เมื่อคุณเลื่อนเมาส์ค่าในเครื่องมือจะได้รับการอัปเดตตามเวลาจริง อย่าเลื่อนเมาส์จากตำแหน่งนี้จนกว่าคุณจะล็อกทั้งช่องแนวนอนและแนวตั้ง
   • คุณยังสามารถใช้เครื่องมือเพื่อจดจำสีบนเว็บ เปิดเบราว์เซอร์เช่น Safari (หรือเบราว์เซอร์อื่นของคุณ) แล้วไปที่เว็บไซต์ที่มีสีที่คุณต้องการให้จดจำ
3. กด ⌘คำสั่ง+ล.. ซึ่งจะล็อกทั้งช่องว่างแนวนอนและแนวตั้งซึ่งหมายความว่าค่าสีจะไม่เปลี่ยนแปลงเมื่อคุณเลื่อนเมาส์
4. กด ⇧กะ+⌘คำสั่ง+ค. เพื่อคัดลอกรหัสฐานสิบหกไปยังคลิปบอร์ด คุณยังสามารถคัดลอกรหัสฐานสิบหกได้โดยคลิกที่ไฟล์ สีแล้วคลิก คัดลอกสีเป็นข้อความ เลือก.
5. กด ⌘คำสั่ง+V. เพื่อวางรหัสที่คัดลอก คุณสามารถวางโค้ดลงในโค้ด HTML ของคุณโดยตรงในไฟล์ข้อความหรือที่อื่น ๆ ที่คุณสามารถป้อนข้อความได้
6. กด ⌘คำสั่ง+ล. เพื่อปลดล็อกตัวค้นหาสี หากคุณต้องการกำหนดสีอื่นสิ่งนี้จะคลายล็อกเพื่อให้เคอร์เซอร์ทำงานเป็นตัวค้นหาค่าสีอีกครั้ง

วิธีที่ 2 จาก 4: การใช้ Color Cop สำหรับ Windows

1. ติดตั้ง Colour Cop Color Cop เป็นยูทิลิตี้ฟรีขนาดเล็กที่คุณสามารถใช้เพื่อค้นหารหัสฐานสิบหกของสีใด ๆ บนหน้าจอได้อย่างรวดเร็ว คุณได้รับแอพนี้ดังนี้:
   • ไปที่ http://colorcop.net/download ในเว็บเบราว์เซอร์
   • คลิกที่ colorcop-setup.exe ภายใต้ "การติดตั้งด้วยตนเอง" หากไฟล์ไม่ได้ดาวน์โหลดโดยอัตโนมัติให้คลิก บันทึก หรือ ตกลง เพื่อเริ่มการดาวน์โหลด
   • ดับเบิลคลิกไฟล์ที่ดาวน์โหลด (อยู่ในโฟลเดอร์ ดาวน์โหลด และมักจะอยู่ที่ด้านล่างซ้ายของแท็บเบราว์เซอร์)
   • ทำตามคำแนะนำบนหน้าจอเพื่อติดตั้งแอปพลิเคชัน
2. เปิด Colour Cop คุณสามารถค้นหาได้ในเมนูเริ่ม
3. ลาก eyedropper ไปยังสีที่คุณต้องการระบุ คุณสามารถระบุสีใดก็ได้บนหน้าจอรวมถึงสีในแอปพลิเคชันอื่น ๆ และบนเว็บไซต์
4. ปล่อยปุ่มเมาส์เพื่อแสดงรหัสฐานสิบหก โค้ดจะปรากฏตรงกลางโปรแกรมในช่องว่าง
5. ดับเบิลคลิกที่รหัสฐานสิบหกแล้วกด Ctrl+ค.. ซึ่งจะคัดลอกรหัสฐานสิบหกไปยังคลิปบอร์ด
6. วางรหัสในที่ที่คุณต้องการ คุณสามารถ Ctrl + V ใช้เพื่อวางรหัสฐานสิบหกทุกที่ที่คุณต้องการเช่นในโค้ด HTML หรือ CSS

วิธีที่ 3 จาก 4: ใช้ Imagecolorpicker.com

1. ไปที่ https://imagecolorpicker.com บนคอมพิวเตอร์โทรศัพท์หรือแท็บเล็ตของคุณ คุณสามารถใช้เครื่องมือฟรีนี้เพื่อกำหนดรหัสฐานสิบหกของสีใดก็ได้ในรูปภาพที่อัปโหลด วิธีนี้ใช้ได้กับเว็บเบราว์เซอร์ใด ๆ รวมทั้งบน Android, iPhone หรือ iPad
2. อัปโหลดรูปภาพหรือป้อน URL คุณจะต้องตัดสินใจว่าคุณต้องการอัปโหลดภาพของคุณเองหรือว่าคุณต้องการใช้รูปภาพออนไลน์หรือเว็บไซต์ ทั้งสองวิธีสามารถใช้เพื่อแสดงรูปภาพหรือหน้าเว็บช่วยให้คุณสามารถเลือกสีที่คุณต้องการได้
   • ในการอัปโหลดภาพให้เลื่อนลงและเลือก อัปโหลดภาพของคุณจากนั้นไปที่รูปภาพบนคอมพิวเตอร์โทรศัพท์หรือแท็บเล็ตของคุณแล้วเลือกตัวเลือกเพื่ออัปโหลด
   • ในการใช้เว็บไซต์ให้เลื่อนลงไปที่ตัวเลือก "ใช้ช่องนี้เพื่อรับรหัสสี HTML ของเว็บไซต์" ป้อน URL จากนั้นคลิกหรือแตะปุ่ม รับทำเว็บไซต์ เพื่อเลือกเว็บไซต์
   • หากต้องการเลือกรูปภาพโดยตรงบนเว็บแทนที่จะเป็นทั้งเว็บไซต์ให้ป้อน URL ของรูปภาพในช่อง "ใช้ช่องนี้เพื่อรับรหัสสี HTML ของรูปภาพจาก URL นี้" แล้วคลิกหรือแตะ ถ่ายภาพ.
3. คลิกหรือแตะสีที่คุณต้องการในภาพ / ตัวอย่างไซต์ ซึ่งจะแสดงรหัสฐานสิบหกของสีที่มุมล่างซ้ายของหน้าจอ
4. คลิกหรือแตะไอคอนคัดลอก (สี่เหลี่ยมสองอันที่ซ้อนกันทางด้านขวาของรหัสฐานสิบหก) เพื่อคัดลอกรหัสฐานสิบหกไปยังคลิปบอร์ดของคุณ จากนั้นคุณสามารถวางลงในไฟล์ข้อความหรือพื้นที่ประเภทใดก็ได้

วิธีที่ 4 จาก 4: การใช้ Firefox (สำหรับการระบายสีบนเว็บ)

1. เปิด Firefox บนพีซีหรือ Mac ของคุณ เว็บเบราว์เซอร์ Firefox มาพร้อมกับเครื่องมือฟรีที่คุณสามารถใช้ระบุรหัสฐานสิบหกของสีใดก็ได้บนเว็บ หากคุณติดตั้ง Firefox คุณจะพบได้ในเมนูเริ่ม (Windows) หรือในโฟลเดอร์แอปพลิเคชัน (macOS)
   • คุณสามารถดาวน์โหลด Firefox ได้ฟรีที่ https://www.mozilla.org/en-US/firefox
   • Firefox ส่งคืนค่าของสีบนเว็บไซต์เท่านั้น คุณไม่สามารถใช้เครื่องมือนอกเบราว์เซอร์
2. ไปที่เว็บไซต์ที่มีสีที่คุณต้องการกำหนด ตรวจสอบให้แน่ใจว่าองค์ประกอบที่คุณต้องการสีอยู่ในมุมมอง
3. คลิกที่เมนู ☰. คือเส้นแนวนอนสามเส้นที่มุมขวาบนของ Firefox
4. คลิกที่มัน นักพัฒนาเว็บ-เมนู. เมนูอื่นกำลังขยาย
5. คลิกที่ ปิเปต. เคอร์เซอร์ของเมาส์จะกลายเป็นวงกลมขนาดใหญ่
6. คลิกสีที่คุณต้องการกำหนด ค่าฐานสิบหกของสีจะอัปเดตทันทีเมื่อคุณเลื่อนเมาส์ไปยังตำแหน่ง ทันทีที่คุณคลิกเมาส์ Firefox จะบันทึกรหัสฐานสิบหกลงในคลิปบอร์ดของคุณ
7. วางรหัสในที่ที่คุณต้องการ คุณสามารถ Control + V ใช้ (PC) หรือ Command + V (Mac) เพื่อวางรหัสฐานสิบหกลงใน HTML, CSS หรือไฟล์ข้อความประเภทอื่น ๆ

เคล็ดลับ

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