Tips DevTools: Membuat warna

Sofia Emelianova
Sofia Emelianova

DevTools memungkinkan Anda menulis warna hanya dengan beberapa klik, tanpa harus mengetik nilainya.

Video DevTools Tips berikut menunjukkan sebagian besar fitur dasar untuk penulisan warna. Namun, sejak video dirilis, beberapa fitur diterapkan dan satu fitur tidak digunakan lagi.

Untuk mempelajari cara menulis warna dengan cepat, tonton video dan baca dokumentasi yang telah diperbarui:

  • Untuk membuka menu format warna, Shift-klik kotak pratinjau warna di samping nilai warna.

  • Seperti yang ditunjukkan dalam video, edit dan salin warna dengan Pemilih Warna.

  • Pilih warna dari mana saja pada layar dengan Eye Dropper.

  • Seperti yang ditunjukkan dalam video:

    • Ubah nilai gradien dengan Angle Clock.
    • Menggunakan variabel CSS kustom sebagai palet warna.
  • Gunakan menu format warna untuk mengonversi warna HD dan non-HD, bukan mengubah format dengan pintasan menu perintah.

  • Seperti yang ditunjukkan dalam video, dapatkan ringkasan tentang semua warna halaman Anda dengan panel Ringkasan CSS.

Untuk informasi selengkapnya, lihat: