Kode Warna HTML untuk Desain Web Lengkap
Kumpulan Kode Warna untuk HTML dan CSS full color serta cara memasang di html postingan dan Template Blog
Fungsi kode warna HTML untuk digunakan dalam mendesain blog, mudah dipasang bentuk kode script dan huruf contoh:
[ #00fff artinya black ] Transfarant, pelangi dll, cara memasangnya kode html pun sangat mudah tinggal di klik - copy lalu tempel pada HTML Artikel postingan atau Template.
Cara menggunakan kode warna di penulisan HTML website
Biasanya halaman satu website memiliki format HTML yang bisa dipasang bermacam warna, menggunakan definisi "style" di HTML sebagai suatu etintas yang dapat dipasang dengan jenis kode atau huruf (teks)
Saya beri contoh dengan warna orange ini:
#ffa500 / orange
1. Cara memasang kode pada halaman HTML dengan menggunakan kode biasanya seperti berikut:
<b style="color:#ffa500;">Ini contoh menggunakan kode #ffa500 pada HTML</b>
Ini hasil menggunakan kode #ffa500 pada HTML
2. Lalu jika memasang dengan menggunakan huruf contoh lagi..
<b style=" color: orange ; ">Ini kode warna orange pada HTML</b>
Ini hasil warna orange pada Compose
Cara ini bisa untuk tag HTML lain seperti Garis, Block Quote
dan dapat di implementasi warna digunakan pada CSS.
Cara memasang warna di postingan atau tempalate blog
Walau cara memasang kode warna ini mudah tidak ada salahnya jika saya coba contohkan disini sekilas.
Jika yang akan mengganti warna atau merubah tampilan warna di postingan dan template berikut langkahnya...
- Buka blog anda.
- Anda tinggal buat post baru.
- Cari script yang akan dirubah.
- Pindahkan modus pada HTML.
- Pasang kode html ini sesuai kode warnanya.
Jika yang mau dirubah warna pada Template blog
- Buka blog masing masing
- Pada dasbord cari pada menu samping klik menu Tema/Template.
- Klik Edit HTML.
- Pasang deh kode warnanya sesuai keinginan di HTML Template.
Berikut ini..
Daftar Kode Warna HTML/CSS Lengkap Full Color
Tinggal copy salasatu kode HTML atau hurufnya saja.
#000000 black
#fof8ff aliceblue
#faebd7 antiquewhite
#00ffff aqua
#7fffd4 aquamarine
#f0ffff azure
#f5f5dc beige
#ffc4e4 bisque
#00ffff blue
#ffebcd blanchedalmond
#8a2be2 blueviolet
#a52a2a brown
#bed887 burlywood
#5f9ead cadetblue
#7fff00 chartreuse
#d2691e chocolate
#ff7f50 coral
#64950 cornflowerblue
#fff8dc cornsilk
#dc143c crimson
#00ffff cyan
#000088 darkblue
#008b8b darkcyan
#b8860b darkgoldenrod
#a9a9a9 darkgray
#006400 darkgreen
#8b008b darkmagenta
#bdb76b darkkhaki
#556b2f darkolivegreen
#ff8c00 darkorange
#9932cc darkorchid
#8b0000 darkred
#e9967a darksalmon
8fbc8b darkseagreen
#483d8b darkslateblue
#2f4f4f darkslategray
#00ce darkturquois
#9400d3 darkviolet
#ff1493 deeppink
#008bfff deepskyblue
#696969 dimgray
#1e90ff dodgerblue
#b22222 pirebrick
#fffaf0 floralwhite
#228b22 forestgreen
#ff00ff fuchsia
#dcdcdc gainsboro
#f8f8ff ghostwhite
#ffd700 gold
#daa520 goldenrod
#808080 gray
#008000 green
#adff2f greenyellow
#f0fff0 honeydew
#ff69b4 hotpink
#cd5c5c indianred
#4b0082 indigo
#fffff0 ivory
f0e68c khaki
#e6e6fa lavender
#fff0f5 lavenderblush
#7cfc00 lawngreen
#fffacd lemonchiffon
#ade8e6 lightblue
#f08080 lightcoral
#e0ffff lightcyan
#fafad2 lightgoldenrodyellow
#90ee90 lightgreen
#d3d3d3 lightgray
#ffb6c1 lightpink
#ffa072 lightsalmon
#20b2aa lightseagreen
#87cefa lightskyblue
#778899 lightslategray
#b0c4de lightsteelblue
#ffffe0 lightyellow
#00ff00 lime
#32cd32 limegreen
#faf0e6 linen
#ff00ff magenta
#80000 maroon
#66cdaa mediumaquamarine
#0000cd mediumblue
#191970 midnightblue
#f5fffa mintcream
#ffe4e1 mistyrose
#f5f5f5 whitesmoke
#ffdead navajowhite
#000080 navy
#fdf5e6 oldlace
#808000 olive
#6e8b23 olivedrab
#ffa500 orange
#ff1000 orangered
#da70d6 orchid
#eee8aa palegoldenrod
#98fb98 palegreen
#afeeee paleturquoise
#db7093 palevioletred
#ffefd5 papayawhip
#ffdab9 peachpuff
#cd853f peru
#ffc0cb pink
#dda0dd plum
#b0e0e6 powderblue
#800080 purple
#ff0000 red
#bc8f8f rosybrown
#4169e1 royalblue
#8b4513 saddlebrown
#fa8072 salmon
#f4a460 sandybrown
#2e8b57 seagreen
#fff5ee seashell
#a0522d siena
#9acd32 yellowgreen
#C0c0c0 silver
#ffffff white
#708090 slategray
#fffafa snow
#00ff7f springgreen
#4682b4 steelblue
#ffff00 yellow
#d2b48c tan
#008080 teal
#d8bfd8 thistle
#ff6347 tomato
#40e0d0 turquoise
#ee82ee violet
#f5deb3 wheat
#87ceeb skyblue
Source kode warna dari halaman..
http://www.ciriseo.net/2015/08/kode-warna-html.html?m=1
Dengan mengetahui kode-kode warna HTML ini anda akan mudah untuk memilih dan menentukan ketika akan merubah warna seperti: Tabel Background template, kotak script jadi keren di postingan atau template.
Demikian kode warna HTML lengkap yang bisa dipakai untuk mendesain dan pasang di blog semoga bisa membantu dan selamat berkreasi.
Lihat pula Aplikasi generator pnghasil kode warna terbaik untuk mendesain web
Terimakasi mas Indra Hidayat semoga sukses selalu..
BalasHapus2 - 3 tahun lepas saya suka edit blog. dan suka sangat bila dapat baca kod2 HTML ini sebab rasa seperti pakar komputer hahahahaah
BalasHapusSaya juga kadang jenuh sama menulis akhirnya suka belajar mencoba mengganti warna huruf di post atau untuk warna tampilan Template blog tapi sayang belum bisa membuat template blog. Haha.
Hapusuhlala lengkap banget kang.. Saya juga pengen merubah warna.. setelah baca blog ini jadi tahuu.. makasi y kang...
BalasHapusYa semoga berhasil measangnya..
HapusAduh lengkap ya. Aku penasaran pengen utak atik warna cuma nggak ngerti. Makasih ya.
BalasHapusKalu belajar semua pasti bisa apa lagi kalau untuk postingan tinggal edit pada HTML kalo untuk tabel atau garis, tapi kalau hurufnya tinggal di seting pada tag heading Draft blog.
HapusBagi yang suka otak-atik template kode warna itu penting, dan saya juga punya, komplit pula.
BalasHapusYa bisa di pakai mas lengkap banget
Hapusuntuk edit tema blog penting banget ini emang yah detail kodenya thnks deh yah :D
BalasHapusTerima kasih mas, sangat dibutuhkan bagi yang suka otak atik template blog, hehe..
BalasHapus