Daftar Kode Warna HTML & CSS

Kode Warna HTML & CSS

Kode Warna HTML & CSS

Saat Anda akan mendesain website dan merancang tampilan website, hal yang tidak boleh Anda lupakan adalah menggunakan komposisi warna yang tepat. Anda harus tahu warna apa yang cocok untuk website Anda dan warna apa yang sebaiknya dihindari. Website yang tersusun dari kode HTML & CSS bisa menggunakan kode warna untuk memberikan warna pada website tersebut. Oleh sebab itu penting bagi Anda untuk mengetahui kode warna HTML dan CSS tersebut. Meski di software desain website bisa mengaplikasikan warna secara langsung, namun tidak ada salahnya jika Anda mengetahui kode warna dalam HTML dan CSS tersebut. Berikut ini adalah daftar kode warna html & CSS yang wajib Anda ketahui :

Daftar Kode Warna HTML & CSS Berdasarkan Warna Utama

Kode Warna Primer Merah

Merah merupakan warna primer, maksudnya adalah warna merah tidak bisa terbentuk dari warna lain. Berikut ini adalah kode warna dasar merah yang bisa Anda aplikasikan ke dalam kode HTML dan CSS Anda :

  1. Indian Red dengan kode warna #CD5C5C
  2. Light Coral dengan kode warna #F08080
  3. Salmon dengan kode warna #FA8072
  4. Crimson dengan kode warna #DC143C
  5. Red dengan kode warna #FF0000
  6. Dark Red dengan kode warna #8B0000

Kode Warna Primer Kuning

Sama halnya dengan warna merah, kuning adalah warna primer yang tidak bisa terbentuk dengan warna lainnya. Berikut ini adalah kode warna HTML & CSS khusus warna dasar kuning :

  1. Yellow atau kuning terang kode warna #FFFF00
  2. Gold dengan warna kuning agak keemasan kode warna #FFD700
  3. Light Yellow dengan kode warna #FFFFE0
  4. Peach Puff dengan kode warna #FFDAB9
  5. Lemon Chiffon dengan kode warna #FFFACD

Kode Warna Primer Biru

Biru merupakan warna primer yang identik dengan kesetiaan. Warna lembut ini banyak disukai oleh banyak orang sebab bisa mempercantik tampilan website. Berikut ini adalah kode warna HTML & CSS khusus untuk warna dasar biru :

  1. Aqua dan cyan memiliki kode warna yang sama yaitu #00FFFF.
  2. Light Cyan dengan kode warna #E0FFFF.
  3. Turquoise dengan kode warna #40E0D0
  4. Medium Turquoise dengan kode warna #48D1CC.
  5. Steel Blue dengan kode warna #4682B4
  6. Sky Blue dengan kode warna #87CEFA.
  7. Royal Blue dengan kode warna #4169E1.
  8. Blue dengan kode warna #0000FF.
  9. Medium Blue dengan kode warna #0000CD
  10. Dark Blue dengan kode warna #00008B.
  11. Navy dengan kode warna #000080.

Kode Warna Sekunder

Selain ada warna primer, ada warna sekunder. Warna sekunder merupakan warna yang terbentuk dari perpaduan warna primer. Berikut ini adalah kode warna sekunder untuk HTML dan CSS yang wajib untuk Anda ketahui :

  1. Hijau

Warna hijau merupakan warna yang terbentuk dari perpaduan warna primer biru dan kuning. Kode HTML & CSS khusus untuk warna hijau adalah #00FF00.

  1. Ungu

Ungu merupakan warna yang terbentuk dari perpaduan warna primer merah dan biru. Kode warna untuk ungu adalah #BF00FF, sedangkan kode warna untuk violet adalah #8F00FF.

  1. Oranye

Warna oranye atau jingga terbentuk dari warna merah dan kuning. Kode untur warna orange atau jingga adalah #FF7F00.

Jangan lupa untuk memberikan komposisi warna yang tepat, agar tampilan website terlihat lebih menarik. Jika Anda tidak tahu bagaimana cara memadukan warna HTML & CSS tersebut secara tepat, warna dan desain website Anda tidak akan disukai oleh pengunjung.

Baca juga : Belajar Web Design Menggunakan Macromedia Dreamweaver

Share this post

Leave a Reply

Your email address will not be published. Required fields are marked *