Dalam HTML , warna bisa digunakan melalui style atribut , bisa secara spesifik, seperti (brown) , dengan menggunakan hexadecimal code, seperti (#ffffff) atau melalui nilai RGB (rgb(0,0,255)).

Syntax


Foreground Color

Untuk memberi warna pada elemen HTML, kamu gunakan style="color:{color}", dimana {color} adalah nilai / value warna , Contoh :
<h3 style="color:brown">Warna HTML</h3> 
 Dari kode diatas maka diperolaeh hasil seperti ini :

Warna HTML

Background Color

Untuk memberi warna latar pada elemen HTML, kamu gunakan style="background-color:{color}", dimana {color} adalah nilai / value warna , Contoh :
<h3 style="background-color:brown">Warna Latar HTML</h3> 
  Dari kode diatas maka diperolaeh hasil seperti ini :

Warna Latar HTML

Border Color

Untuk memberikan warna pada batas / border di elemen HTML , kamu gunakan style="border:{width}{color} {style}",dimana {width} adalah lebar dari border, {color} adalah warna dari border, dan {style} adalah style dari border.
<h3 style="border:1px brown solid;">Warna Border HTML</h3> 
  Dari kode diatas maka diperolaeh hasil seperti ini :

Warna Border HTML

Nama-Nama Warna HTML

Dibawah ini ada warna-warna yang menggunakan metode Hexadecimal , Nilai hexadecimal , menggunakan kombinasi angka dan huruf (0 s.d 9) dan (A s.d F)
ColorColor NameHexadecimal Value ColorColor NameHexadecimal Value
Black#000000 Green#008000
Silver#c0c0c0 Lime#00ff00
Gray#808080 Olive#808000
White#ffffff Yellow#ffff00
Maroon#800000 Navy#000080
Red#ff0000 Blue#0000ff
Purple#800080 Teal#008080
Fushia#ff00ff Aqua#00ffff

Contoh penggunaan warna diatas :
<h3 style="color:#800000">HTML Colors</h3>
 Dari kode diatas maka diperolaeh hasil seperti ini :

HTML Colors

Untuk mempermudah pemilihan warna , kita bisa menggunakan applikasi yang namanya color picker , kalo kamu mau download , klik disini

Advertisement

0 komentar:

Posting Komentar

 
Top