Kode Warna HTML
Kode warna HTML ( HTML Color Codes ) adalah salah satu unsur yang dibutuhkan dan perlu diketahui bagi Anda yang ingin membuat dan mendesign sebuah website atau blog. Mempercantik tampilan web dengan memberi warna yang berbeda pada bagian-bagian web, jelas diperlukan kode-kode warna HTML.
Pada Blogger, Kode warna HTML selalu dibutuhkan ketika akan merancang atau memberi warna pada template blog,
seperti pada warna background, warna border, warna teks atau tulisan maupun bagian-bagian yang lain.
Mengingat pentingnya unsur Kode warna HTML ( HTML Color Codes ) ini, proBlogiz sebagai kontributor Blogger yang selalu ingin memberi kemudahan dan sharing tip dan trik, menyediakan sebuah solusi bagi Anda untuk memilih kode-kode warna HTML yang sesuai dengan keinginan dengan mudah. Ada 2 cara yang bisa digunakan untuk memilih kode warna HTML, disini Anda bisa menggunakan metode HTML Color Chart dan HTML Color Picker.
Basic HTML Color Chart
Dengan metode ini
HTML Color Dasar Chart ( Grafik Warna HTML ), Anda bisa mendapatkan kode HTML
untuk warna dasar atau basic color.
Copy nilai/value warna html di kotak persegi untuk mendapatkan
kode warna HTML:
#FFFFFF
|
#FFFFCC
|
#FFFF99
|
#FFFF66
|
#FFFF33
|
#FFFF00
|
#FFCCFF
|
#FFCCCC
|
#FFCC99
|
#FFCC66
|
#FFCC33
|
#FFCC00
|
#FF99FF
|
#FF99CC
|
#FF9999
|
#FF9966
|
#FF9933
|
#FF9900
|
#FF66FF
|
#FF66CC
|
#FF6699
|
#FF6666
|
#FF6633
|
#FF6600
|
#FF33FF
|
#FF33CC
|
#FF3399
|
#FF3366
|
#FF3333
|
#FF3300
|
#FF00FF
|
#FF00CC
|
#FF0099
|
#FF0066
|
#FF0033
|
#FF0000
|
#CCFFFF
|
#CCFFCC
|
#CCFF99
|
#CCFF66
|
#CCFF33
|
#CCFF00
|
#CCCCFF
|
#CCCCCC
|
#CCCC99
|
#CCCC66
|
#CCCC33
|
#CCCC00
|
#CC99FF
|
#CC99CC
|
#CC9999
|
#CC9966
|
#CC9933
|
#CC9900
|
#CC66FF
|
#CC66CC
|
#CC6699
|
#CC6666
|
#CC6633
|
#CC6600
|
#CC33FF
|
#CC33CC
|
#CC3399
|
#CC3366
|
#CC3333
|
#CC3300
|
#CC00FF
|
#CC00CC
|
#CC0099
|
#CC0066
|
#CC0033
|
#CC0000
|
#99FFFF
|
#99FFCC
|
#99FF99
|
#99FF66
|
#99FF33
|
#99FF00
|
#99CCFF
|
#99CCCC
|
#99CC99
|
#99CC66
|
#99CC33
|
#99CC00
|
#9999FF
|
#9999CC
|
#999999
|
#999966
|
#999933
|
#999900
|
#9966FF
|
#9966CC
|
#996699
|
#996666
|
#996633
|
#996600
|
#9933FF
|
#9933CC
|
#993399
|
#993366
|
#993333
|
#993300
|
#9900FF
|
#9900CC
|
#990099
|
#990066
|
#990033
|
#990000
|
#66FFFF
|
#66FFCC
|
#66FF99
|
#66FF66
|
#66FF33
|
#66FF00
|
#66CCFF
|
#66CCCC
|
#66CC99
|
#66CC66
|
#66CC33
|
#66CC00
|
#6699FF
|
#6699CC
|
#669999
|
#669966
|
#669933
|
#669900
|
#6666FF
|
#6666CC
|
#666699
|
#666666
|
#666633
|
#666600
|
#6633FF
|
#6633CC
|
#663399
|
#663366
|
#663333
|
#663300
|
#6600FF
|
#6600CC
|
#660099
|
#660066
|
#660033
|
#660000
|
#33FFFF
|
#33FFCC
|
#33FF99
|
#33FF66
|
#33FF33
|
#33FF00
|
#33CCFF
|
#33CCCC
|
#33CC99
|
#33CC66
|
#33CC33
|
#33CC00
|
#3399FF
|
#3399CC
|
#339999
|
#339966
|
#339933
|
#339900
|
#3366FF
|
#3366CC
|
#336699
|
#336666
|
#336633
|
#336600
|
#3333FF
|
#3333CC
|
#333399
|
#333366
|
#333333
|
#333300
|
#3300FF
|
#3300CC
|
#330099
|
#330066
|
#330033
|
#330000
|
#00FFFF
|
#00FFCC
|
#00FF99
|
#00FF66
|
#00FF33
|
#00FF00
|
#00CCFF
|
#00CCCC
|
#00CC99
|
#00CC66
|
#00CC33
|
#00CC00
|
#0099FF
|
#0099CC
|
#009999
|
#009966
|
#009933
|
#009900
|
#0066FF
|
#0066CC
|
#006699
|
#006666
|
#006633
|
#006600
|
#0033FF
|
#0033CC
|
#003399
|
#003366
|
#003333
|
#003300
|
#0000FF
|
#0000CC
|
#000099
|
#000066
|
#000033
|
#000000
|
HTML Color Picker
Color picker adalah tool color untuk mendapatkan kode warna yang cepat dari
warna yang Anda ingin gunakan di web atau aplikasi desktop. Caranya pindahkan slider vertikal untuk memilih warna kemudian klik diarea sebelah kirinya dan drag cursor mouse untuk mendapatkan corak warna yang cocok.
Cara menggunakan kode warna HTML
Dengan kode warna HTML Anda dapat mengatur warna latar belakang ( background ) web atau blog, warna teks, sel-sel dalam tabel dan banyak lagi.
Contoh penggunaan kode warna HTML pada warna background web :
<body style="background:#80BFFF">Contoh penggunaan kode warna HTML pada warna text :
<span style="color:#80BFFF">
Contoh penggunaan kode warna HTML pada warna link :
<a style="color:#80BFFF">
Contoh penggunaan kode warna HTML pada warna background tabel :
<table style="background:#80BFFF">
HTML Kode Format
Setiap kode HTML berisi simbol "#" dan 6 huruf atau angka. Angka-angka
dalam sistem angka heksadesimal. Misalnya "FF" dalam heksadesimal
mewakili nomor 255 di Desimal.
Dua simbol yang pertama dalam kode warna HTML merupakan intensitas warna
merah. 00 adalah yang sedikit intensitas dan FF adalah yang paling kuat intens.
Intensitas ketiga dan keempat mewakili hijau dan kelima dan keenam
merupakan intensitas biru. Jadi dengan menggabungkan intensitas warna
merah, hijau dan biru kita dapat mencampur hampir semua warna yang kita
inginkan.
Contoh:
#FF0000 - Dengan kode HTML kita memberitahu
browser untuk menunjukkan maskimal warna merah bukan hijau atau biru. Hasilnya tentu saja murni warna merah:
#00FF00 - Ini kode HTML menunjukkan hanya hijau dan tidak ada merah dan biru. Hasilnya adalah:
#0000FF - Ini kode HTML menunjukkan hanya biru dan tidak ada merah dan hijau. Hasilnya adalah:
#FFFF00 - Kombinasi warna merah dan hijau memberi kita kuning:
Agar bisa selalu update mengelola kode warna HTML, silahkan bookmark artikel ini untuk keperluan di masa datang jika Anda memerlukanya.....
Untuk update Kode Warna HTML silahkan klik >>>>> Kode Warna HTML Update
Untuk update Kode Warna HTML silahkan klik >>>>> Kode Warna HTML Update
Selamat Blogging....
6 komentar
Kang makasih ya, atas ijin akang saya mau belajar.Artikelnya sangat membantu Kang.Sekali lagi makasih Kang
REPLYok sama2 kang:)
REPLYthanks udah mampir
thanks ilmunya
REPLYjaysunmubarrok.blogspot.com
moeslimbisnis.blogspot.com
Salam Admin dan Semuanya...
REPLYKunjungi Situs Saya kembali ya, Dapatkan Bonus Cuma-cuma di http://bola368.net/agen-ion-casino-terpercaya-di-indonesia
Terima kasih sudah sharing kode - kode untuk warna warna di html. Nanti bisa jadi untuk referensi mencari warna dari kode kode di atas.
REPLYKunjungi blog saya ya: https://tedsu.mahasiswa.atmaluhur.ac.id
dan website kampus saya: http://www.atmaluhur.ac.id
waw ini sangat bagus
REPLYIni website saya : https://rikaristilia.mahasiswa.atmaluhur.ac.id/
Ini website kampus saya : http://www.atmaluhur.ac.id
Silahkan Berkomentar
ConvertKomentar/pertanyaan Sesuai Topik, Please NO SPAM, NO Promotion Links
Convert Kode HTML sebelum disisipkan