Penting!! Sobat Blogger yang ingin re-post atau menulis kembali artikel kami diblog/website Anda, harap lihat halaman DISCLAIMER ( beberapa blog telah diproses di Google Removal Content ) Setiap tindakan pelanggaran hak cipta (COPAS) akan dilaporkan, TANPA pemberitahuan.

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 BloggerKode 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


Selamat Blogging....



Artikel Terkait Lainnya:
Click here for comments

6 komentar

Kang makasih ya, atas ijin akang saya mau belajar.Artikelnya sangat membantu Kang.Sekali lagi makasih Kang

REPLY

ok sama2 kang:)
thanks udah mampir

REPLY

thanks ilmunya
jaysunmubarrok.blogspot.com
moeslimbisnis.blogspot.com

REPLY

Salam Admin dan Semuanya...
Kunjungi Situs Saya kembali ya, Dapatkan Bonus Cuma-cuma di http://bola368.net/agen-ion-casino-terpercaya-di-indonesia

REPLY

Terima kasih sudah sharing kode - kode untuk warna warna di html. Nanti bisa jadi untuk referensi mencari warna dari kode kode di atas.

Kunjungi blog saya ya: https://tedsu.mahasiswa.atmaluhur.ac.id
dan website kampus saya: http://www.atmaluhur.ac.id

REPLY

waw ini sangat bagus

Ini website saya : https://rikaristilia.mahasiswa.atmaluhur.ac.id/
Ini website kampus saya : http://www.atmaluhur.ac.id

REPLY

Silahkan Berkomentar
Komentar/pertanyaan Sesuai Topik, Please NO SPAM, NO Promotion Links
Convert Kode HTML sebelum disisipkan

Convert

Google+ Followers

Submit email Anda, dapatkan update artikel:


Like Me

Artikel Terbaru

|Copyright © 2013| Problogiz |All Rights Reserved|