เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: การเขียนสี

Sofia Emelianova
Sofia Emelianova
GitHub

DevTools ช่วยให้คุณเขียนสีได้ด้วยการคลิกเพียงไม่กี่ครั้งแทนที่จะต้องพิมพ์ค่า

วิดีโอเคล็ดลับเกี่ยวกับเครื่องมือสำหรับนักพัฒนาเว็บต่อไปนี้จะแสดงฟีเจอร์พื้นฐานส่วนใหญ่สำหรับการเขียนโค้ดสี อย่างไรก็ตาม นับตั้งแต่เผยแพร่วิดีโอ เราได้ติดตั้งใช้งานฟีเจอร์ 2 รายการและเลิกใช้งาน 1 รายการ

หากต้องการดูวิธีเขียนสีอย่างรวดเร็ว ให้ดูวิดีโอและอ่านเอกสารประกอบฉบับปรับปรุง

  • หากต้องการเปิดเมนูรูปแบบสี ให้กด Shift แล้วคลิกช่องแสดงตัวอย่างสีข้างค่าสี

  • แก้ไขและคัดลอกสีด้วยเครื่องมือเลือกสีดังที่แสดงในวิดีโอ

  • เลือกสีจากส่วนใดก็ได้บนหน้าจอด้วยเครื่องมือดูดสี

  • ดังที่แสดงในวิดีโอ

    • เปลี่ยนค่าการไล่ระดับสีด้วยนาฬิกาบอกมุม
    • ใช้ตัวแปร CSS ที่กําหนดเองเป็นชุดสี

  • ใช้เมนูรูปแบบสีเพื่อแปลงสี HD และไม่ใช่ HD แทนการเปลี่ยนรูปแบบด้วยแป้นพิมพ์ลัดของเมนูคำสั่ง

  • ดังที่แสดงในวิดีโอ ให้ดูภาพรวมสีทั้งหมดของหน้าเว็บด้วยแผงภาพรวม CSS

ดูข้อมูลเพิ่มเติมได้ที่