Warna memainkan peranan penting dalam menyampaikan maklumat secara bukan lisan. Laman web dengan warna interaktif dianggap menarik dan menarik secara visual. Terdapat kaedah yang berbeza untuk menggunakan warna untuk elemen HTML: RGB, RGBA, Kod HEX, HSLA dan HSL. Walau bagaimanapun, anda boleh mencari kod warna dengan memeriksa halaman, memilih warna daripada pemilih warna atau menggunakan ciri penitis mata daripada panel Alat Pembangun.
Dalam kajian ini, kita akan membincangkan kaedah mencari kod warna dalam HTML
Kaedah 1: Cari Kod Warna dalam HTML Dengan Memeriksa Halaman Web
Berikut ialah langkah-langkah untuk mencari kod warna dengan memeriksa halaman.
Langkah 1: Buka Halaman Web
Pertama, buka halaman web yang diperlukan:
Langkah 2: Pilih Pilihan Periksa
Klik kanan pada halaman dan pilih ' Periksa ' pilihan daripada menu, yang akan menyediakan akses kepada ' Alat pembangun ” panel:
Akibatnya, ' elemen ” tab akan dipaparkan di bahagian bawah penyemak imbas:
Langkah 3: Laraskan Tempat Panel Alat Pembangun
Dengan mengklik pada tiga titik dari sudut, anda boleh memilih peletakan panel. Sebagai contoh, kami telah memilih ikon yang diserlahkan hijau. Selain itu, tetingkap periksa boleh diubah saiznya dengan menyeret sudutnya:
Langkah 4: Pilih Elemen untuk Diperiksa
Kemudian, klik pada ikon yang diserlahkan untuk memilih elemen yang ingin anda periksa:
Langkah 5: Pilih Elemen
Tuding elemen yang kod warnanya perlu ditemui dan klik padanya. Akibatnya, ' Gaya ” tab membuka dan memaparkan sifat penggayaan elemen yang dipilih, dari mana anda perlu memilih warna seperti yang ditunjukkan oleh kotak yang diserlahkan hijau:
Langkah 6: Pilih Warna Daripada Pemilih Warna
Salin kod warna dari tetingkap pemilih warna yang dibuka:
Imej di bawah menunjukkan bahawa kita juga boleh memilih warna dengan mengklik kotak warna kecil yang diserlahkan oleh warna merah. Manakala kotak kuning mewakili penunjuk yang diubah secara beransur-ansur untuk melihat warna elemen yang dipilih:
Langkah 7: Laraskan Kelegapan Warna
Anda juga boleh melaraskan kelegapan warna seperti yang ditunjukkan dalam GIF di bawah:
Kaedah 2: Cari Kod Warna dalam HTML Dengan Menggunakan Ciri Penitis Mata
Ciri penitis Mata juga boleh digunakan untuk memilih mana-mana warna dari halaman web. Ciri ini sangat berguna kerana ia boleh memilih warna dari mana-mana sahaja dalam tetingkap yang dipaparkan.
Nota: Ciri penitis Mata diwakili oleh kotak yang diserlahkan merah dalam imej di bawah:
Berikut ialah demonstrasi cara kerja alat penitis Mata:
Selepas memilih warna untuk elemen anda, salin kod warna dan tampalkannya ke dalam CSS projek anda.
Kesimpulan
Terdapat kaedah yang berbeza untuk menggunakan warna untuk elemen HTML: RGB, RGBA, Kod HEX, HSLA dan HSL. Anda boleh mencari kod warna dengan ' Memeriksa ' mana-mana halaman web atau dengan memilih warna daripada ' pemilih warna ” dan menggunakan “ penitis mata ” ciri. Artikel ini telah menunjukkan prosedur untuk mencari kod warna dalam HTML dengan contoh terperinci.