สีมีบทบาทสำคัญในการถ่ายทอดข้อมูลโดยไม่ใช้คำพูด เว็บไซต์ที่มีสีโต้ตอบถือว่าน่าสนใจและดึงดูดสายตา มีหลายวิธีในการใช้สีสำหรับองค์ประกอบ HTML: RGB, RGBA, HEX Code, HSLA และ HSL อย่างไรก็ตาม คุณสามารถค้นหารหัสสีได้โดยการตรวจสอบหน้า เลือกสีจากตัวเลือกสี หรือใช้คุณสมบัติการหยดตาจากแผงเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์
ในการศึกษานี้เราจะพูดถึงวิธีการค้นหารหัสสีใน HTML
วิธีที่ 1: ค้นหารหัสสีใน HTML โดยการตรวจสอบหน้าเว็บ
ต่อไปนี้เป็นขั้นตอนในการค้นหารหัสสีโดยการตรวจสอบหน้า
ขั้นตอนที่ 1: เปิดหน้าเว็บ
ขั้นแรก เปิดหน้าเว็บที่ต้องการ:
ขั้นตอนที่ 2: เลือกตัวเลือกการตรวจสอบ
คลิกขวาที่หน้าแล้วเลือก “ ตรวจสอบ ” ตัวเลือกจากเมนู ซึ่งจะช่วยให้สามารถเข้าถึง “ เครื่องมือสำหรับนักพัฒนา ' แผงหน้าปัด:
ส่งผลให้ “ องค์ประกอบ แท็บ ” จะแสดงที่ด้านล่างของเบราว์เซอร์:
ขั้นตอนที่ 3: ปรับตำแหน่งของแผงเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์
คุณสามารถเลือกตำแหน่งของแผงได้โดยคลิกที่จุดสามจุดจากมุม ตัวอย่างเช่น เราได้เลือกไอคอนเน้นสีเขียว นอกจากนี้ หน้าต่างตรวจสอบยังสามารถปรับขนาดได้โดยการลากมุม:
ขั้นตอนที่ 4: เลือกองค์ประกอบที่จะตรวจสอบ
จากนั้นคลิกที่ไอคอนที่ไฮไลต์เพื่อเลือกองค์ประกอบที่คุณต้องการตรวจสอบ:
ขั้นตอนที่ 5: เลือกองค์ประกอบ
วางเมาส์เหนือองค์ประกอบที่ต้องการค้นหารหัสสีแล้วคลิก ส่งผลให้ “ สไตล์ แท็บ ” จะเปิดขึ้นและแสดงคุณสมบัติการจัดรูปแบบองค์ประกอบที่เลือก จากตำแหน่งที่คุณต้องเลือกสีตามที่แสดงในช่องที่เน้นสีเขียว:
ขั้นตอนที่ 6: เลือกสีจากตัวเลือกสี
คัดลอกรหัสสีจากหน้าต่างตัวเลือกสีที่เปิดอยู่:
ภาพด้านล่างแสดงว่าเราสามารถเลือกสีได้ด้วยการคลิกช่องสีเล็กๆ ที่เน้นด้วยสีแดง ในขณะที่กล่องสีเหลืองแสดงถึงตัวชี้ที่ค่อยๆ เปลี่ยนเพื่อดูสีขององค์ประกอบที่เลือก:
ขั้นตอนที่ 7: ปรับความทึบของสี
คุณยังสามารถปรับความทึบของสีตามที่แสดงใน GIF ด้านล่าง:
วิธีที่ 2: ค้นหารหัสสีใน HTML โดยใช้คุณสมบัติ Eye Dropper
นอกจากนี้ยังสามารถใช้คุณสมบัติ Eye dropper เพื่อเลือกสีใดก็ได้จากหน้าเว็บ คุณสมบัตินี้มีประโยชน์มากเนื่องจากสามารถเลือกสีได้จากทุกที่ในหน้าต่างที่แสดง
บันทึก: คุณสมบัติ Eye dropper แสดงโดยกล่องที่เน้นสีแดงในภาพด้านล่าง:
นี่คือการสาธิตการทำงานของเครื่องมือ Eye dropper:
หลังจากเลือกสีสำหรับองค์ประกอบของคุณแล้ว ให้คัดลอกรหัสสีและวางลงใน CSS ของโปรเจ็กต์ของคุณ
บทสรุป
มีหลายวิธีในการใช้สีสำหรับองค์ประกอบ HTML: RGB, RGBA, HEX Code, HSLA และ HSL คุณสามารถค้นหารหัสสีได้โดย “ ตรวจสอบ ” หน้าเว็บใด ๆ หรือโดยการเลือกสีจากปุ่ม “ ตัวเลือกสี ” และการใช้ “ ยาหยอดตา ' คุณสมบัติ. บทความนี้ได้แสดงขั้นตอนการค้นหารหัสสีใน HTML พร้อมตัวอย่างโดยละเอียด