Lompat ke konten Lompat ke sidebar Lompat ke footer

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.

Kode warna html lengkap

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

11 komentar untuk "Kode Warna HTML untuk Desain Web Lengkap"

  1. Terimakasi mas Indra Hidayat semoga sukses selalu..

    BalasHapus
  2. 2 - 3 tahun lepas saya suka edit blog. dan suka sangat bila dapat baca kod2 HTML ini sebab rasa seperti pakar komputer hahahahaah

    BalasHapus
    Balasan
    1. Saya 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.

      Hapus
  3. uhlala lengkap banget kang.. Saya juga pengen merubah warna.. setelah baca blog ini jadi tahuu.. makasi y kang...

    BalasHapus
  4. Aduh lengkap ya. Aku penasaran pengen utak atik warna cuma nggak ngerti. Makasih ya.

    BalasHapus
    Balasan
    1. Kalu 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.

      Hapus
  5. Bagi yang suka otak-atik template kode warna itu penting, dan saya juga punya, komplit pula.

    BalasHapus
    Balasan
    1. Ya bisa di pakai mas lengkap banget

      Hapus
  6. untuk edit tema blog penting banget ini emang yah detail kodenya thnks deh yah :D

    BalasHapus
  7. Terima kasih mas, sangat dibutuhkan bagi yang suka otak atik template blog, hehe..

    BalasHapus