วิธีระบุสีเฉพาะบนแอพหรือเว็บไซต์

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

วิธีระบุสีเฉพาะบนแอพหรือเว็บไซต์

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

1. ค้นหารหัสสี HEX บนเว็บไซต์โดยใช้เครื่องมือเว็บหรือเว็บไซต์

วิธีที่ง่ายที่สุดวิธีหนึ่งในการรับรหัสสีจากเว็บไซต์คือการใช้เครื่องมือเว็บเฉพาะและเว็บไซต์ตัวเลือกสี ไม่ว่าคุณจะใช้เบราว์เซอร์ใด ไม่ว่าจะเป็นแบบที่ใช้ Chromium มีความเข้ากันได้ ของDeep Webหรือ Safari เริ่มต้นของ Apple ก็ตาม วิธีการนี้ก็สามารถใช้ได้

ยิ่งไปกว่านั้น ไม่ว่าคุณจะใช้ Mac, แล็ปท็อป Windows, iPhone, iPad หรืออุปกรณ์ Android เครื่องมือเว็บระบุสีเหล่านี้จะเป็นส่วนเสริมที่มีประโยชน์ในคลังแสงของคุณ เราได้ทดสอบตัวเลือกมาสองสามตัวแล้ว และนี่คือตัวเลือกที่เหมาะกับเราที่สุด

ขั้นตอนที่ 1 : เปิดเบราว์เซอร์ของคุณแล้วไปที่ ImageColorPicker.com

ImageColorPicker

ขั้นตอนที่ 2 : คลิก/แตะใช้รูปภาพของคุณเพื่อระบุเว็บไซต์/URL รูปภาพหรืออัปโหลดรูปภาพ

วิธีระบุสีเฉพาะบนแอพหรือเว็บไซต์

ขั้นตอนที่ 3 : ตอนนี้คุณสามารถทำอย่างใดอย่างหนึ่ง

  • คัดลอกที่อยู่เว็บไซต์
  • คัดลอกรูปภาพหรือ URL
  • ถ่ายภาพหน้าจอของเพจ

วิธีระบุสีเฉพาะบนแอพหรือเว็บไซต์

ขั้นตอนที่ 4 : เมื่อภาพได้รับการประมวลผลแล้ว คุณสามารถเลื่อนเคอร์เซอร์เพื่อเลือกสีได้

ขั้นตอนที่ 5 : ตามลำดับ คุณจะเห็นโค้ด HEX หรือ RGB คัดลอก/วาง และใช้งานตามต้องการ

วิธีระบุสีเฉพาะบนแอพหรือเว็บไซต์

หากคุณไม่ชอบ ImageColorPicker.com หรือต้องการตัวเลือกเพิ่มเติม คุณสามารถลองใช้เว็บไซต์ต่อไปนี้

ตัวเลือกสีซอสมะเขือเทศสีแดง

รหัสสี HTML

เครื่องมือไพน์

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

2. เลือกสีจากเว็บไซต์ผ่านซอฟต์แวร์แก้ไขรูปภาพ

หากคุณใช้เครื่องมือแก้ไขภาพ คุณไม่จำเป็นต้องค้นหาเพิ่มเติมอีกต่อไป ไม่ว่าจะเป็นซอฟต์แวร์แก้ไขภาพขั้นสูง เช่น Photoshop หรือเครื่องมือออนไลน์ เช่น Canva ซอฟต์แวร์แก้ไขภาพส่วนใหญ่มีเครื่องมือเลือกสี/ยาหยอดตาที่��ช้งานสะดวก รวมถึง Quick Look ของ Macและโปรแกรมแก้ไขภาพหน้าจอของ iPhone

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

ขั้นตอนที่ 1 : จับภาพหน้าจอของเว็บไซต์หรือแอป

ขั้นตอนที่ 2 : เปิด Canva บนเบราว์เซอร์ (หรือแอปบนอุปกรณ์เคลื่อนที่ของคุณ)

ขั้นตอนที่ 3 : เลือกผืนผ้าใบและอัปโหลดภาพ

วิธีระบุสีเฉพาะบนแอพหรือเว็บไซต์

ขั้นตอนที่ 4 : จากนั้น เปิดเครื่องมือที่เกี่ยวข้องกับสี ข้อความ การวาด องค์ประกอบ ฯลฯ

ขั้นตอนที่ 5 : เลือกกล่องสีแล้วคลิกไอคอน '+ เพิ่มสีใหม่'

วิธีระบุสีเฉพาะบนแอพหรือเว็บไซต์

ขั้นตอนที่ 6 : เลื่อนไปที่สีแล้วคลิก/แตะเพื่อเลือกสีที่ต้องการ

วิธีระบุสีเฉพาะบนแอพหรือเว็บไซต์

3. ใช้ตัวเลือกสีใน Firefox เพื่อค้นหาสีจากเว็บไซต์ใดๆ

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

ขั้นตอนที่ 1 : เปิด Firefox และเปิดเว็บไซต์ที่คุณต้องการเลือกสี

ขั้นตอนที่ 2 : แตะไอคอนสามบรรทัดจากมุมขวาบน

ขั้นตอนที่ 3 : เลือกเครื่องมือเพิ่มเติม จากนั้นเลือก Eyedropper

วิธีระบุสีเฉพาะบนแอพหรือเว็บไซต์

ขั้นตอนที่ 4 : ตอนนี้ เพียงเลื่อนเคอร์เซอร์ไปที่สีที่คุณต้องการระบุ Firefox จะค้นหารหัสสีฐานสิบหกทันทีและนำเสนอให้คุณเห็น

วิธีระบุสีเฉพาะบนแอพหรือเว็บไซต์

ขั้นตอนที่ 5 : สิ่งที่น่าสังเกตก็คือ Eyedropper จะทำการตรวจสอบและส่งรหัสสีต่อไปจนกว่าคุณจะออก หากต้องการปิดเครื่องมือ เพียงคลิกที่ใดก็ได้บนหน้าจอ

เช่นเดียวกับ Firefox แม้แต่ Chrome ก็มีเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ที่สามารถช่วยคุณระบุสีเฉพาะบนเว็บไซต์ได้ อย่างไรก็ตามยังมีสิ่งที่จับได้ มาหาคำตอบกันดีกว่า

4. ใช้เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome เพื่อเลือกสี

เครื่องมือเลือกสีของ Google Chrome ค่อนข้างจำกัด เคล็ดลับนี้สามารถบอกได้เฉพาะสีขององค์ประกอบที่โค้ดลงในเว็บไซต์เท่านั้น เช่น สีที่กล่าวถึงในโค้ด ดังนั้น คุณจะไม่ได้รับข้อมูลที่เกี่ยวข้องกับสีเกี่ยวกับองค์ประกอบที่นำเข้า เช่น โลโก้ รูปภาพ ฯลฯ

ขั้นตอนที่ 1 : เปิด Chrome และเปิดเว็บไซต์ที่คุณต้องการเลือกสี

ขั้นตอนที่ 2 : จากนั้นคลิกไอคอนสามจุดจากมุมบนขวา

ขั้นตอนที่ 3 : เลือกเครื่องมือเพิ่มเติม จากนั้นเลือกเครื่องมือสำหรับนักพัฒนา

วิธีระบุสีเฉพาะบนแอพหรือเว็บไซต์

หมายเหตุ : หน้าจอของคุณจะถูกแบ่งออกเป็นสองหน้าด้วยสายตา คุณจะเห็นเว็บไซต์ทางด้านซ้ายและรหัสของเว็บไซต์ทางด้านขวา

ขั้นตอนที่ 4 : หากต้องการเลือกสีจากเว็บไซต์ ให้พิมพ์ Ctrl + Shift + C แล้วเลื่อนเคอร์เซอร์ไปที่สีที่คุณต้องการเลือก

ขั้นตอนที่ 5 : คุณสามารถดูรหัสสีพื้นหลัง ข้อความ หรือองค์ประกอบได้แล้ว

วิธีระบุสีเฉพาะบนแอพหรือเว็บไซต์

5. ใช้ส่วนขยายเบราว์เซอร์เพื่อค้นหารหัสฐานสิบหกของสีบนเว็บไซต์

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

ส่วนขยายของ Chrome เพื่อระบุสี

ตัวเลือกสี Hex

ยาหยอดตา

หยดสี

ส่วนขยาย Firefox เพื่อระบุสี

คัลเลอร์ซิลล่า

น้ำยาหยอดตา Colorpick

เมื่อคุณเพิ่มส่วนขยายที่ต้องการลงในเบราว์เซอร์ของคุณแล้ว ส่วนที่เหลือก็เป็นการเล่นของเด็ก ๆ เปิดเว็บไซต์ → เลือกส่วนขยายจากแถบเมนู → นำเคอร์เซอร์ไปที่สี → รับรหัสสี

เลือกสีของคุณ

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

หวังว่าเราจะสามารถให้บริการคุณได้ หากคุณต้องการแฮ็กหรือคำแนะนำดังกล่าวเพิ่มเติม หรือต้องการคำตอบสำหรับคำถามที่น่าสงสัยเกี่ยวกับเทคโนโลยี ส่วนความคิดเห็นจะเปิดอยู่เสมอ

ฝากความเห็น

วิธีทำความสะอาดกล่องใส่รีเทนเนอร์: ขั้นตอนง่ายๆ ที่ปลอดภัยและช่วยให้แห้งสนิท

วิธีทำความสะอาดกล่องใส่รีเทนเนอร์: ขั้นตอนง่ายๆ ที่ปลอดภัยและช่วยให้แห้งสนิท

เรียนรู้วิธีทำความสะอาดกล่องใส่รีเทนเนอร์ด้วยสบู่เหลวอ่อนๆ และน้ำอุ่น เช็ดให้แห้งอย่างถูกต้อง หลีกเลี่ยงความร้อนที่อาจทำให้เสียหาย และรู้ว่าเมื่อใดควรเปลี่ยนกล่องใหม่

วิธีทำความสะอาดไส้กรองอากาศรถยนต์อย่างปลอดภัย: ควรทำความสะอาดเมื่อใด และควรเปลี่ยนเมื่อใด

วิธีทำความสะอาดไส้กรองอากาศรถยนต์อย่างปลอดภัย: ควรทำความสะอาดเมื่อใด และควรเปลี่ยนเมื่อใด

เรียนรู้วิธีการตรวจสอบและบำรุงรักษาไส้กรองอากาศเครื่องยนต์ เมื่อใดควรทำความสะอาด เมื่อใดที่การเปลี่ยนไส้กรองอากาศจะปลอดภัยกว่า และวิธีการตรวจสอบการติดตั้งกลับเข้าไปอย่างถูกต้อง

วิธีทำความสะอาดเครื่องทำน้ำแข็งในช่องแช่แข็ง: คู่มือสำหรับมือใหม่

วิธีทำความสะอาดเครื่องทำน้ำแข็งในช่องแช่แข็ง: คู่มือสำหรับมือใหม่

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

วิธีทำความสะอาดหัวฉีดชำระล้างอย่างปลอดภัย: วิธีไหนได้ผลและวิธีไหนควรหลีกเลี่ยง

วิธีทำความสะอาดหัวฉีดชำระล้างอย่างปลอดภัย: วิธีไหนได้ผลและวิธีไหนควรหลีกเลี่ยง

เรียนรู้วิธีทำความสะอาดหัวฉีดชำระอย่างปลอดภัย หลักการทำความสะอาดตัวเองคืออะไร วิธีจัดการกับคราบแร่ธาตุ และน้ำยาทำความสะอาดที่เหมาะสมกับรุ่นของคุณ

วิธีทำความสะอาดตัวกรองทรายสระว่ายน้ำ: การล้างย้อน การล้างน้ำ และรู้ว่าเมื่อใดควรทำความสะอาดลึกกว่าเดิม

วิธีทำความสะอาดตัวกรองทรายสระว่ายน้ำ: การล้างย้อน การล้างน้ำ และรู้ว่าเมื่อใดควรทำความสะอาดลึกกว่าเดิม

เรียนรู้วิธีทำความสะอาดตัวกรองทรายสระว่ายน้ำอย่างปลอดภัย ประเมินว่าการล้างย้อนได้ผลหรือไม่ และรู้ว่าเมื่อใดควรทำความสะอาดอย่างละเอียด ซ่อมแซม หรือเปลี่ยนวัสดุกรองใหม่

วิธีทำความสะอาดเครื่องบดกาแฟอย่างปลอดภัย: คู่มือ 8 ขั้นตอนสำหรับเครื่องบดแบบเฟืองและแบบใบมีด

วิธีทำความสะอาดเครื่องบดกาแฟอย่างปลอดภัย: คู่มือ 8 ขั้นตอนสำหรับเครื่องบดแบบเฟืองและแบบใบมีด

เรียนรู้วิธีทำความสะอาดเครื่องบดกาแฟอย่างปลอดภัย ตั้งแต่การใช้แปรงแห้งปัดใบมีด การล้างชิ้นส่วนที่ถอดได้ การประกอบกลับ การทดสอบ และการดูแลรักษาใบมีดบด

วิธีล้างคราบกาวทาเล็บออกจากเสื้อผ้าโดยไม่ทำลายเนื้อผ้า

วิธีล้างคราบกาวทาเล็บออกจากเสื้อผ้าโดยไม่ทำลายเนื้อผ้า

เรียนรู้วิธีการกำจัดกาวติดเล็บออกจากเสื้อผ้าอย่างปลอดภัย ตั้งแต่การขูดกาวที่แห้งแล้ว การใช้แอซีโทนอย่างระมัดระวัง การซัก และการตรวจสอบเนื้อผ้าก่อนตากให้แห้ง

วิธีขจัดคราบกาวจากสติ๊กเกอร์ออกจากเสื้อผ้าโดยไม่ทำลายเนื้อผ้า

วิธีขจัดคราบกาวจากสติ๊กเกอร์ออกจากเสื้อผ้าโดยไม่ทำลายเนื้อผ้า

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

วิธีทำความสะอาดคีย์บอร์ดเชิงกลอย่างปลอดภัย: คู่มือการทำความสะอาดอย่างล้ำลึก 4 ขั้นตอน

วิธีทำความสะอาดคีย์บอร์ดเชิงกลอย่างปลอดภัย: คู่มือการทำความสะอาดอย่างล้ำลึก 4 ขั้นตอน

เรียนรู้วิธีทำความสะอาดคีย์บอร์ดเชิงกลอย่างปลอดภัย รวมถึงการถอดปุ่มกด การกำจัดฝุ่น คราบสกปรก การเช็ดให้แห้ง การประกอบกลับ และเมื่อใดควรหยุดและตรวจสอบคู่มือ

วิธีล้างคราบกาวออกจากเสื้อผ้าโดยไม่ทำให้เนื้อผ้าเสียหาย

วิธีล้างคราบกาวออกจากเสื้อผ้าโดยไม่ทำให้เนื้อผ้าเสียหาย

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