Cara Mudah Mendapatkan Kode Warna HTML

Cara Mudah Mendapatkan Kode Warna HTML - Kode Warna HTML adalah kode yang dapat digunakan untuk menampilkan warna, kode html sangat diperlukan untuk Anda yang ingin mempercantik tampilan blog dengan warna-warna pilihan.

Untuk mendapatkan kode warna bukanlah hal yang sulit karena sudah tersedia tool untuk mendapatkan kode warna, kali ini Blogger Jepara akan share tool warna yaitu "Color Code Generator" cara paling mudah dan cepat untuk mendapatkan kode warna HTML untuk keperluan desain tampilan atau template blog.

Cara Mudah Mendapatkan Kode Warna HTML
Kode Warna

Cara Mendapatkan Kode Warna HTML 

Berikut adalah color code generator untuk mendapatkan kode warna sesuai yang diinginkan. Caranya cukup mudah, silahkan klik pada warna yang dipilih lalu copy kode warna:
  • Kode Warna #5C97BF
  • Kode Warna #4B77BE
  • Kode Warna #1F3A93
  • Kode Warna #2574A9
  • Kode Warna #67809F
  • Kode Warna #34495E
  • Kode Warna #3A539B
  • Kode Warna #1E8BC3
  • Kode Warna #6BB9F0
  • Kode Warna #22313F
  • Kode Warna #336E7B
  • Kode Warna #19B5FE
  • Kode Warna #89C4F4
  • Kode Warna #2C3E50
  • Kode Warna #3498DB
  • Kode Warna #22A7F0
  • Kode Warna #94E0EE
  • Kode Warna #52B3D9
  • Kode Warna #59ABE3
  • Kode Warna #26A65B
  • Kode Warna #1E824C
  • Kode Warna #00B16A
  • Kode Warna #2ABB9B
  • Kode Warna #4DAF7C
  • Kode Warna #03A678
  • Kode Warna #26C281
  • Kode Warna #019875
  • Kode Warna #3FC380
  • Kode Warna #16A085
  • Kode Warna #2ECC71
  • Kode Warna #C5EFF7
  • Kode Warna #C8F7C5
  • Kode Warna #049372
  • Kode Warna #36D7B7
  • Kode Warna #66CC99
  • Kode Warna #1BA39C
  • Kode Warna #1BBC9B
  • Kode Warna #65C6BB
  • Kode Warna #BFBFBF
  • Kode Warna #ABB7B7
  • Kode Warna #DADFE1
  • Kode Warna #95A5A6
  • Kode Warna #C5DCE2
  • Kode Warna #BDC3C7
  • Kode Warna #EEEEEE
  • Kode Warna #D2D7D3
  • Kode Warna #F0E2C5
  • Kode Warna #EB9532
  • Kode Warna #E67E22
  • Kode Warna #F27935
  • Kode Warna #F9BF3B
  • Kode Warna #F7CA18
  • Kode Warna #F9690E
  • Kode Warna #F39C12
  • Kode Warna #D35400
  • Kode Warna #F4D03F
  • Kode Warna #F5AB35
  • Kode Warna #EB974E
  • Kode Warna #F2784B
  • Kode Warna #F4B350
  • Kode Warna #E87E04
  • Kode Warna #E74C3C
  • Kode Warna #CF000F
  • Kode Warna #C0392B
  • Kode Warna #D64541
  • Kode Warna #EF4836
  • Kode Warna #96281B
  • Kode Warna #D91E18
  • Kode Warna #E26A6A
  • Kode Warna #FF0000
  • Kode Warna #F22613
  • Kode Warna #E08283
  • Kode Warna #9B59B6
  • Kode Warna #8E44AD
  • Kode Warna #BE90D4
  • Kode Warna #BF55EC
  • Kode Warna #9A12B3
  • Kode Warna #913D88
  • Kode Warna #722D6A
  • Kode Warna #740A4E

Atau jika ingin menggunakan kode warna lengkap beserta gambarnya silahkan simak tutorial yang sudah pernah saya buat disini : Kode Warna HTML Lengkap

Demikian informasi singkat untuk mendapatkan kode warna HTML dengan cepat dan mudah. Semoga dapat bermanfaat.

Kode Warna HTML Lengkap untuk Blog dan Website

Kode Warna HTML - Kode warna merupakan elemen penting dalam pembuatan template blog atau website untuk memberikan warna yang menarik untuk setiap tampilan template.

Dengan warna yang singkron tentu akan menghasilkan paduan warna yang elegan dan sedap dipandang mata, seperti warna background, warna link, warna text, warna pada widget seperti popular post, recent post atau membuat sitemap yang keren dengan warna-warni.

Berikut kode warna lengkap untuk HTML, Anda tinggal memilih warna yang disukai lalu copy codenya untuk dipasang di susunan HTML.

Kode Warna HTML Lengkap untuk Blog dan Website
Contoh Kode Warna

Kode Warna HTML Lengkap untuk Template


Kode warna dasar:
  1. Putih: #FFFFFF
  2. Hitam: #000000
  3. Merah: #FF0000
  4. Kuning: #FFFF00
  5. Biru: #0000FF
  6. Coklat : #D2691E
  7. Hijau: #008000
Kode Warna Lengkap dengan Gambar:
Kode Warna: #FFFAFA Nama Warna: Snow
Kode Warna: #00FF7F Nama Warna: Springgreen
Kode Warna: #4682B4 Nama Warna: Steelblue
Kode Warna: #D2B48C Nama Warna: Tan
Kode Warna: #008080 Nama Warna: Teal
Kode Warna: #D8BFD8 Nama Warna: Thistle
Kode Warna: #FF6347 Nama Warna: Tomato
Kode Warna: #F0F8FF Nama Warna: Aliceblue
Kode Warna: #FAEBD7 Nama Warna: Antiquewhite
Kode Warna: #00FFFF Nama Warna: Aqua
Kode Warna: #7FFFD4 Nama Warna: Aquamarine
Kode Warna: #F0FFFF Nama Warna: Azure
Kode Warna: #F5F5DC Nama Warna: Beige
Kode Warna: #FFE4C4 Nama Warna: Bisque
Kode Warna: #000000 Nama Warna: Black
Kode Warna: #FFEBCD Nama Warna: Blanchedalmond
Kode Warna: #0000FF Nama Warna: Blue
Kode Warna: #8A2BE2 Nama Warna: Blueviolet
Kode Warna: #A52A2A Nama Warna: Brown
Kode Warna: #DEB887 Nama Warna: Burlywood
Kode Warna: #5F9EAD Nama Warna: Cadetblue
Kode Warna: #7FFF00 Nama Warna: Chartreuse
Kode Warna: #D2691E Nama Warna: Chocolate
Kode Warna: #FF7F50 Nama Warna: Coral
Kode Warna: #64950 Nama Warna: Cornflowerblue
Kode Warna: #FFF8DC Nama Warna: Cornsilk
Kode Warna: #DC143C Nama Warna: Crimson
Kode Warna: #00FFFF Nama Warna: Cyan
Kode Warna: #00008B Nama Warna: Darkblue
Kode Warna: #008B8B Nama Warna: Darkcyan
Kode Warna: #B8860B Nama Warna: Darkgoldenrod
Kode Warna: #A9A9A9 Nama Warna: Darkgray
Kode Warna: #006400 Nama Warna: Darkgreen
Kode Warna: #8B008B Nama Warna: Darkmagenta
Kode Warna: #BDB76B Nama Warna: Darkkhaki
Kode Warna: #556B2F Nama Warna: Darkolivegreen
Kode Warna: #FF8C00 Nama Warna: Darkorange
Kode Warna: #9932CC Nama Warna: Darkorchid
Kode Warna: #8B0000 Nama Warna: Darkred
Kode Warna: #E9967A Nama Warna: Darksalmon
Kode Warna: #8FBC8B Nama Warna: Darkseagreen
Kode Warna: #483D8B Nama Warna: Darkslateblue
Kode Warna: #2F4F4F Nama Warna: Darkslategray
Kode Warna: #00CED1 Nama Warna: Darkturquoise
Kode Warna: #9400D3 Nama Warna: Darkviolet
Kode Warna: #FF1493 Nama Warna: Deeppink
Kode Warna: #00BFFF Nama Warna: Deepskyblue
Kode Warna: #696969 Nama Warna: Dimgray
Kode Warna: #1E90FF Nama Warna: Dodgerblue
Kode Warna: #B22222 Nama Warna: Firebrick
Kode Warna: #FFFAF0 Nama Warna: Floralwhite
Kode Warna: #228B22 Nama Warna: Forestgreen
Kode Warna: #FF00FF Nama Warna: Fuchsia
Kode Warna: #DCDCDC Nama Warna: Gainsboro
Kode Warna: #F8F8FF Nama Warna: Ghostwhite
ode Warna: #FFD700 Nama Warna: Gold
Kode Warna: #DAA520 Nama Warna: Goldenrod
Kode Warna: #808080 Nama Warna: Gray
Kode Warna: #008000 Nama Warna: Green
Kode Warna: #ADFF2F Nama Warna: Greenyellow
Kode Warna: #F0FFF0 Nama Warna: Honeydew
Kode Warna: #FF69B4 Nama Warna: Hotpink
Kode Warna: #CD5C5C Nama Warna: Indianred
Kode Warna: #4B0082 Nama Warna: Indigo
Kode Warna: #FFFFF0 Nama Warna: Ivory
Kode Warna: #F0E68C Nama Warna: Khaki
Kode Warna: #E6E6FA Nama Warna: Lavender
Kode Warna: #FFF0F5 Nama Warna: Lavenderblush
Kode Warna: #7CFC00 Nama Warna: Lawngreen
Kode Warna: #FFFACD Nama Warna: Lemonchiffon
Kode Warna: #ADE8E6 Nama Warna: Lightblue
Kode Warna: #F08080 Nama Warna: Lightcoral
Kode Warna: #E0FFFF Nama Warna: Lightcyan
Kode Warna: #FAFAD2 Nama Warna: Lightgoldenrodyellow
Kode Warna: #90EE90 Nama Warna: Lightgreen
Kode Warna: #D3D3D3 Nama Warna: Lightgray
Kode Warna: #FFB6C1 Nama Warna: Lightpink
Kode Warna: #FFA072 Nama Warna: Lightsalmon
Kode Warna: #20B2AA Nama Warna: Lightseagreen
Kode Warna: #87CEFA Nama Warna: Lightskyblue
Kode Warna: #778899 Nama Warna: Lightslategray
Kode Warna: #B0C4DE Nama Warna: Lightsteelblue
Kode Warna: #FFFFE0 Nama Warna: Lightyellow
Kode Warna: #00FF00 Nama Warna:  Lime
Kode Warna: #32CD32 Nama Warna: Limegreen
Kode Warna: #FAF0E6 Nama Warna: Linen
Kode Warna: #FF00FF Nama Warna: Magenta
Kode Warna: #800000 Nama Warna: Maroon
Kode Warna: #66CDAA Nama Warna: Mediumaquamarine
Kode Warna: #0000CD Nama Warna: Mediumblue
Kode Warna: #BA55D3 Nama Warna: Mediumorchid
Kode Warna: #9370DB Nama Warna: Mediumpurple
Kode Warna: #3CB371 Nama Warna: Mediumseagreen
Kode Warna: #7B68EE Nama Warna: Mediumslateblue
Kode Warna: #00FA9A Nama Warna: Mediumspringgreen
Kode Warna: #48D1CC Nama Warna: Mediumturquoise
Kode Warna: #C71585 Nama Warna: Mediumvioletred
Kode Warna: #191970 Nama Warna: Midnightblue
Kode Warna: #F5FFFA Nama Warna: Mintcream
Kode Warna: #FFE4E1 Nama Warna: Mistyrose
Kode Warna: #FFE4E1 Nama Warna: Moccasin
Kode Warna: #FFDEAD Nama Warna: Navajowhite
Kode Warna: #000080 Nama Warna: Navy
Kode Warna: #FDF5E6 Nama Warna: Oldlace
Kode Warna: #808000 Nama Warna: Olive
Kode Warna: #6B8E23 Nama Warna: Olivedrab
Kode Warna: #FFA500 Nama Warna: Orange
Kode Warna: #FF1000 Nama Warna: Orangered
Kode Warna: #DA70D6 Nama Warna: Orchid
Kode Warna: #EEE8AA Nama Warna: Palegoldenrod
Kode Warna: #98FB98 Nama Warna: Palgreen
Kode Warna: #AFEEEE Nama Warna: Paleturquoise
Kode Warna: #DB7093 Nama Warna: Palevioletred
Kode Warna: #FFEFD5 Nama Warna: Papayawhip
Kode Warna: #FFDAB9 Nama Warna: Peachpuff
Kode Warna: #CD853F Nama Warna: Peru
Kode Warna: #FFC0CB Nama Warna: Pink
Kode Warna: #DDA0DD Nama Warna: Plum
Kode Warna: #B0E0E6 Nama Warna: Powderblue
Kode Warna: #800080 Nama Warna: Purple
Kode Warna: #FF0000 Nama Warna: Red
Kode Warna: #BC8F8F Nama Warna: Rosybrown
Kode Warna: #4169E1 Nama Warna: Royalblue
Kode Warna: #8B4513 Nama Warna: Saddlebrown
Kode Warna: #FA8072 Nama Warna: Salmon
Kode Warna: #F4A460 Nama Warna: Sandybrown
Kode Warna: #2E8B57 Nama Warna: Seagreen
Kode Warna: #FFF5EE Nama Warna: Seashell
Kode Warna: #A0522D Nama Warna: Sienna
Kode Warna: #C0C0C0 Nama Warna: Silver
Kode Warna: #87CEEB Nama Warna: Skyblue
Kode Warna: #708090 Nama Warna: Slategray
Kode Warna: #40E0D0 Nama Warna: Turquoise
Kode Warna: #EE82EE Nama Warna: Violet
Kode Warna: #F5DEB3 Nama Warna: Wheat
Kode Warna: #FFFFFF Nama Warna: White
Kode Warna: #F5F5F5 Nama Warna: Whitesmoke
Kode Warna: #FFFF00 Nama Warna: Yellow
Kode Warna: #9ACD32 Nama Warna: Yellowgreen

Demikian share sederhana tentang kode warna HTML lengkap untuk template blog atau website. Semoga bermanfaat. Salam Blogger Jepara

Cara Mengetahui Kualitas SEO Blog atau Website

Cara Mengetahui Kualitas SEO Blog atau Website - Apakah anda sudak pernah cek skor SEO blog? berapa skor yang anda dapatkan? itu adalah pertanyaan yang sering muncul jika berkaitan dengan SEO. Tentu sebagai blogger ingin blog yang dikelola memiliki kualitas SEO yang baik yaitu dengan skor 100% sehingga mampu bersaing dan dianggap baik dimata mesin pencari (search engine).

Pada tutorial kali ini saya akan memberikan tips dan cara untuk mengetahui kualitas SEO blog atau website yaitu dengan bantuan tool online. Dengan bantuan tool online ini anda bisa dengan mudah mengetahui kekurangan pada SEO blog sehingga bisa memperbaiki kesalahan-kesalahan dalam SEO.

Baca Juga: Cara Mengetahui Responsive Template Blog dan Website 

Apa saja yang menjadikan skor SEO 100%?

Ada beberapa faktor yang menjadikan skor SEO blog atau website menjadi 100%, untuk lebih lanjut berikut faktor-faktor yang harus diperhatikan:
  1. Harus memiliki Title atau judul blog.
  2. Terdapat Headings H1, H2, H3 (optional)
  3. Memiliki deskripsi blog
  4. Memiliki keyword
  5. Memiliki attribute Alt Tag dan Title Tag pada semua gambar
Jika fator diatas sudah terpenuhi, SEO blog anda akan mendapat kualitas skor 100%.

Cara Cek Kualitas SEO Blog atau Website 

  1. Kunjungi situsnya terlebih dahulu http://chkme.com/
  2. Selanjutnya masukkan URL blog anda "tanpa http://" pada kolom yang sudah tersedia, lalu klik tombol "Check SEO Score".
    Cara Cek Kualitas SEO Blog atau Website
  3. Tunggu proses analisis dan lihat hasilnya.
    Cara Mengetahui Kualitas SEO Blog atau Website

Situs Cek SEO blog selain Chkme

Jika situs chkme mengalami eror, Anda bisa mencoba cek seo dengan beberapa situs dibawah ini:
  1. SEO Site Check Up silahkan buka situsnya disini https://seositecheckup.com/
  2. SEO Centro buka situsnya disini https://www.seocentro.com/tools/seo/seo-analyzer.html
Demikian cara paling mudah untuk cek kualitas seo blog atau website secara akurat, anda bisa gunakan tool online ini secara gratis dan bisa dugunakan kapan saja sesuai dengan kebutuhan.

Semoga dapat bermanfaat, jika ada pertanyaan boleh donk dituliskan pada kolom komentar. hehe

Cara Mengetahui Responsive Template Blog dan Website

Template yang responsive itu yang bagaimana ya? mungkin itu salah satu pertanyaan yang sering diajukan untuk mengetahui template blog apakah sudah seo friendly atau belum. Sekarang ini tampilan responssive memang menjadi tuntutan pemilik blog atau website. Karena blog yang kita kelola harus bisa dinikmati dari semua perangkat.

Buat anda yang belum mengetahui responsive, berikut penjelasannya: Responsive adalah sebuah desain template blog atau website yang bisa diakses oleh semua perangkat. Kalau boleh saya golongkan ada 10 tampilan perangkat yang harus bisa dijangkau terdiri dari golongan tablet dan handphone terbagi menjadi 6 dan dari golongan desktop atau laptop terbagi menjadi 4.

Cara Mengetahui Responsive Template Blog dan Website

Seperti yang kita ketahui, perkembangan teknologi gadget semakin bervariasi dengan berbagai ukuran. Maka alangkah lebih baiknya kita memiliki tampilan blog yang benar-benar bisa dijangkau dari berbagai perangkat yang sudah ada.


Cara Cek Responsive Tampilan Blog atau Website

Ada banyak sekali situs yang bisa anda gunakan untuk mengetahui sejauh mana responsive blog anda, namun disini saya akan berbagi 3 situs saja yang sudah biasa ssaya gunakan untuk cek responsive blog.

Cara Mengetahui Responsive Blog dengan Situs Responsive Design Checker

  1. Silahkan kunjungi situsnya: http://responsivedesignchecker.com/
  2. Kemudian masukkan URL blog anda pada kolom yang tersedia lalu klik tombol "GO"
  3. Selanjutnya anda akan mengetahui tampilan blog apakah sudah bagus pada tampilan yang disediakan yaitu ada 10 tampilan perangkat.
    cara cek responsive blog

Cek Responsive Blog dengan Situs Am I Responsive

  1. Buka situsnya: http://ami.responsivedesign.is/
  2. Kemudian scroll kebawah, masukkan URL blog anda pada kolom yang tersedia lalu klik tombol "GO"
  3. Maka akan muncul tampilan responsive dari 4 perangkat yang sudah disediakan. 
    cara mengetahui responsive blog

Cara Cek Responsive dengan Situs Responsinator

Situs yang ketiga ini hampir sama dengan Responsive Design Checker yang menampilkan tapilan dari berbagai perangkat. Cara cek responsive sebagai berikut:
  1. Buka situsnya: https://www.responsinator.com/
  2. Kemudian masukkan URL blog anda pada kolom yang sudah tersedia yaitu pada bagian atas sebelah kiri dengan tulisan "Enter your site", lalu klik tombol "GO"
  3. Akan muncul hasilnya yang bisa anda lihat dengan cara scroll ke bawah.
    cek template mobil friendly
Tambah satu lagi, yaitu situs yang dimiliki oleh Google yang bisa anda gunakan untuk cek Mobile Friendly. Caranya sebagai berikut:
  1. Buka Situsnya: https://search.google.com/search-console/mobile-friendly
  2. Masukkan URL pada  kolom yang sudah tersedia lalu klik tombol "RUN TEST"
  3. Jika blog anda sudah mobile friendly maka akan muncul seperti tampilan berikut dengan keterangan "Page is mobile-friendly"
    cara mengetahui blog mobile friendly

Demikian tutorial cara mengetahui tampilan responsive template yang sudah kita pasang pada blog. Sehingga kita bisa lebih optimalkan untuk kemajuan blog yang lebih baik. 

Semoga dapat bermanfaat.

Cara Mengetahui Kecepatan Loading Pada Blog Anda

Tutorial kali ini saya akan membahas tentang tools online untuk cek atau mengetahui kecepatan loading blog. Ternyata kecepatan loading bisa diukur melalui berapa persen kecepatan loading atau akses halaman blog. 

Apa saja sih manfaat memiliki blog yang fast loading? kenapa kita harus cek kecepatan loading blog? temukan jawabannya disini (Baca: Alasan Penting Blog atau Website Harus Fast Loading). Jika anda sudah mengetahui pentingnya memiliki blog yang fast loading. sekarang kita cek blog kita berapa persenkah kecepatan loadingnya.

Cara Cek Kecepatan Loading Blog atau Website

Ada 2 situs yang sangat direkomendasikan untuk cek kecepatan loading,  bahkan ini sering digunakan oleh para pembuat template untuk mengukur seberapa baiknya loading template yang dibuat. Simak cara ceknya dibawah ini:

Cara Mengetahui Kecepatan Loading Blog dengan GTmetrix

  1. Buka situsnya disini https://gtmetrix.com/
  2. Lalu masukkan URL blog anda pada kolom "Enter URL to Analyze" kemudian klik tombol "Analyze"
    Cara Cek Kecepatan Loading Blog atau Website
  3. Tunggu proses analis kecepatan loading sampai selesai. Jika sudah selesai maka akan muncul presentase kecepatan loading blog seperti dibawah ini:
    cara mengetahui kecepatan loading blog

Cara Mengetahui Kecepatan Loading Blog dengan PageSpeed Insights

PageSpeed Insights merupakan situs yang dimiliki oleh Google, untuk mengukur kecepatan blog atau situs anda. caranya sebagai berikut:
  1. Buka situsnya: https://developers.google.com/speed/pagespeed/insights/
  2. Masukkan URL blog anda pada kolom "Enter a web page URL" lalu klik tombol "ANALYZE"
    cara cek kecepatan loading blog atau website
  3. Tunggu prosesnya sampai selesai dan lihat hasilnya.
    tes kecepatan loading blog
Itulah cara yang bisa di lakukan untuk mengetahui kecepatan akses atau loading blog anda, untuk meningkatkan  kualitas seo dan kebaikan blog kedepannya. 

Semoga bermanfaat, jangan lupa baca beberapa artikel menarik lainnya.