Cara Membuat Kode Warna di Posting Blog sampai Bisa Sendiri

Warna merupakan bagian penting dalam membangun sebuah web desain, karena dengan warna tampilan web atau blog seolah menjadi terasa hidup, cerah dan bercahaya.

Oleh karena itu, jika Anda ingin tampilan blog Anda penuh dengan keceriaan dan keindahan gunakanlah warna yang pas dan menarik untuk tampilan blog Anda.

Dibawah ini akan saya jelaskan tentang langkah-langkah dasar membuat kode warna agar para pemula nantinya mampu membuat kode warna sendiri sesuai dengan yang di inginkan dan menggunakannya untuk berbagai keperluan ngeblog.

Mari kita mulai tentang bagaimana cara membuat kode warna sendiri.

Cara Membuat Kode Warna di Blog Sampai Bisa Sendiri

Hal penting yang harus kita perhatikan dalam membuat kode warna adalah kita harus teliti dalam membuat kode, sebab setiap kode sifatnya sensitif, salah sedikit saja memasang kode maka kode warna tidak bisa digunakan. Oleh karena itu, di panduan belajar ngeblog bersama ini mari kita simak penjelasan lengkapnya dibawah ini dengan seksama.

Ada dua cara membuat kode warna HTML yang akan dibahas disini, yaitu:

1. Membuat kode warna dengan menulis nama warna langsung
2. Membuat kode warna dengan angka dan huruf

Akan dijelaskan satu persatu.

# 1. Membuat kode warna dengan menulis nama warna langsung

Misal kalau ingin membuat kode warna merah (red) kita tinggal menyisipkan saja nama warna tersebut kedalam kode HTML pembuat kode warna, contoh:

• <font color="red">
  Tulis teks yang ingin di beri warna disini.
  </font>

Jika kode HTML diatas dipublikasikan di posting artikel maka hasilnya akan seperti ini:

• Tulis teks yang ingin di beri warna merah disini
  

Begitu pun kalau kita ingin membuat kode warna yang lain, contoh:

1. <font color="blue">
   Warna Biru </font>
2. <font color="yellow">
   Warna Kuning</font>
3. <font color="green">
   Warna Hijau</font>
4. <font color="orange">
   Warna Orange</font>
5. <font color="gold">
   Warna Emas</font>
6. <font color="silver">
   Warna Perak</font>
7. <font color="red">
   Warna Merah </font>
8. <font color="violet">
   Warna Violet</font>

Tulisan yang berwarna merah adalah kode warna yang disisipkan, dan jika kode warna diatas dipublikasikan di posting blog hasilnya akan seperti ini:

1. Warna Biru
2. Warna Kuning
3. Warna Hijau
4. Warna Orange
5. Warna Emas
6. Warna Perak
7. Warna Merah
   
8. Warna Violet

Dengan penjelasan diatas saja rasanya Anda sudah dapat membuat kode warna sendiri dan jadinya Anda tidak perlu repot lagi harus kesana-kemari mencari kode warna, hanya dengan mengetahui nama-nama warna dalam bahasa Inggris dan sedikit mengetahui kode HTML pembuat warna Anda sudah dapat membuat kode warna-warni yang sesuai dengan yang Anda inginkan.

Setelah kita memahami uraian diatas, langkah selanjut kita masuk ke bahasan cara membuat kode warna yang lebiih lengkapnya lagi. Mari kita lanjutkan.

# 2. Membuat kode warna dengan angka dan huruf

Membuat kode warna menggunakan angka dan huruf cukup mudah, caranya hampir sama dengan yang diatas, yang mebedakan adalah kalau kita membuat kode warna pakai angka dan huruf maka kita harus menambahkan tanda pagar (#) di depan kode warna yang akan disisipkan.

Namun, sebelum kita membahas lebih lanjut mari kita simak dulu pertanyaan-pertanyaan dibawah ini agar nantinya lebih memudahkan kita dalam membuat kode warna:

• Angka apa saja yang bisa di buat jadi kode warna ?
  
  "Semua angka dari 0 sampai 9."


• Berapa jumlah angka yang akan disimpan jadi kode warna ?
  
  "Minimal 3 angka, maksimal 6 angka. Pada umumnya 6 angka lebih banyak digunakan daripada 3 angka."


• Bagaimana dengan huruf ?
  
  "Kalau huruf yang bisa digunakan mulai dari huruf A sampai huruf F, dan jumlah minimal dan maksimal sama dengan angka."


• Apakah angka dan huruf bisa dicampur ?
  
  "Bisa".

Semua jawaban diatas tidak selamanya demikian, karena dengan perkembangan jaman yang begitu cepat maka segala sesuatu bisa salah dan berubah.

Setelah menyimak pertanyaan diatas selanjutnya mari kita buktikan, apa benar dengan membaca artikel ini jadi bisa membuat kode warna sendiri ?

Pertama-tama silahkan Anda tulis angka apa saja, jumlahnya 6 angka atau huruf saja atau dicampur aduk kemudian sisipkan di kode HTML pembuat kode warna, maka hasilnya akan jadi warna.

Berikutnya akan saya kasih contoh membuat kode warna dengan huruf dan angka, dan harap perhatikan letak kode warna yang sengaja disisipkan dengan warna merah agar nampak jelas dimana kita bisa menyimpan letak kodenya, oh ya, Anda juga bisa sekalian meng-copy kode warna di bawah ini:

1. <font color="#ff0000">
   Isi teks Anda disini.
   </font>
2. <font color="#000000">
   Tulis kata Anda disini.
   </font>
3. <font color="dddddd">
   Teks berwarna Anda disini.
   </font>
4. <font color="#006400">
   Tulis teks warna disini.
   </font>
5. <font color="#f05239 ">
   Warna teks Anda disini.
   </font>
6. <font color="#ccb666">
   Beri warna teks disini.
   </font>
7. <font color="#0000ff">
   Teks diberi warna disini.
   </font>
8. <font color="#ee00ff">
   Disini teks diberi warna.
   </font>

Perhatikan sekali lagi letak kode-kode diatas karena sudah dijelaskan sebelumnya bahwa membuat jenis kode apapun letaknya jangan sampai salah atau lebih dan berkurang, sebab setiap kode bersifat sensitif, salah sedikit saja menggunakan kode maka kode tidak bisa digunakan semestinya.

Jika kode-kode warna yang telah dibuat diatas dipublikasikan diposting artikel blog maka hasilnya akan seperti ini:

1. Isi teks Anda disini.
2. Tulis kata Anda disini.
3. Teks berwarna Anda disini.
4. Tulis teks warna disini.
5. Warna teks Anda disini.
6. Beri warna teks disini.
7. Teks diberi warna disini.
8. Disini teks diberi warna.

Baca juga panduan yang berikut ini:

Cara menggunakan kode warna html di posting blog/website

Demikianlah bahasan membuat kode warna sampai bisa sendiri disampaikan, dan semoga hal ini cukup bermanfaat buat pemula yang mau membuat kode warna sendiri, dan langkah selanjutnya silahkan Anda gunakan dan kreasikan sendiri sesuai yang Anda inginkan.

Posted by Sakri

Jika artikel ini cukup bermanfaat silahkan bagikan artikel ini ke:

Facebook Twitter Google+