Kode Warna CSS dan HTML – Salah satu cara membuat blog terlihat lebih menarik adalah dengan memilih warna template atau thema yang nyaman dipandang mata. Yah, pemilihan warna blog memang sangat berpengaruh terhadap kenyamanan visitor, jadi jangan asal memilih warna saat membuat sebuah blog ataupun website.

Kami sarankan untuk memilih warna yang kalem dan tidak melelahkan mata sehingga pengunjung bisa betah berlama-lama melihat konten yang kita buat. Nah untuk mengganti warna sebuah blog ataupun website kita harus kode warna hexadesimal seperti #F0F8FF atau #FAEBD7.

Setiap kode warna Hexadesimal memiliki warna berbeda-beda. Kalian tinggal memilihnya sesuai dengan selera. Kode Hexadesimal sendiri sudah menjadi standar dalam memilih warna CSS dan HTML. Kode tersebut tersusun dari kombinasi beberapa huruf dan angka dengan awalan kode “#”.

Selain menggunakan kode hexadesimal, kode warna CSS juga bisa menggunakan kode RGB. Kode tersebut berbeda dengan kode hexadesimal, karena memiliki kombinasi 3 bagian angka yang terpisah oleh tanda koma. Sebagai contoh rgb(240, 248, 254).

Penulisan kode warna RGB harus benar. Kode ini mengharuskan kita menuliskan rgb di depan kode, lalu diteruskan dengan tiga bagian angka yang terpisan oleh tanda koma. Warna yang dihasilkan akan sama dengan kode warna hexadesimal, jadi kalian bisa memilih salah satunya.

Daftar Kode Warna CSS & HTML

Ada banyak sekali kombinasi warna yang bisa kalian pilih. Sebagai contoh kami akan memberikan daftar kode warna CSS dan kode warna HTML lengkap yang bisa kalian simak di bawah ini.

  KODE HEXADESIMAL KODE RGB
#F0F8FF rgb(240, 248, 254)
#FAEBD7 rgb(251, 235, 217)
#00FFFF rgb(0, 255, 254)
#7FFFD4 rgb(115, 255, 216)
#F0FFFF rgb(239, 255, 255)
#F5F5DC rgb(245, 245, 223)
#FFE4C4 rgb(255, 227, 200)
#000000 rgb(0, 0, 0)
#FFEBCD rgb(255, 234, 208)
Blue #0000FF rgb(0, 0, 255)
#8A2BE2 rgb(138, 43, 226)
#A52A2A rgb(165, 42, 42)
#DEB887 rgb(222, 184, 135)
#5F9EA0 rgb(95, 158, 160)
#7FFF00 rgb(127, 255, 1)
#D2691E rgb(210, 105, 30)
#FF7F50 rgb(251, 127, 80)
#6495ED rgb(100, 149, 237)
#FFF8DC rgb(225, 248, 220)
#DC143C rgb(220, 20, 60)
#00FFFF rgb(62, 254, 255)
Dark Blue #00008B rgb(0, 0, 139)
#008B8B rgb(29, 139, 139)
#B8860B rgb(184, 134, 11)
#A9A9A9 rgb(169, 169, 169)
#006400 rgb(19, 100, 0)
#BDB76B rgb(189, 183, 107)
#8B008B rgb(139, 0, 140)
#556B2F rgb(85, 107, 47)
#FF8C00 rgb(251, 140, 1)
#9932CC rgb(153, 50, 204)
#8B0000 rgb(139, 5, 0)
#E9967A rgb(233, 150, 122)
#8FBC8F rgb(143, 188, 144)
#483D8B rgb(72, 61, 139)
#2F4F4F rgb(47, 79, 79)
#00CED1 rgb(48, 206, 209)
#9400D3 rgb(148, 0, 211)
#FF1493 rgb(249, 19, 147)
#00BFFF rgb(43, 191, 254)
#696969 rgb(105, 105, 105)
#1E90FF rgb(30, 144, 255)
#B22222 rgb(178, 34, 33)
#FFFAF0 rgb(255, 250, 240)
#228B22 rgb(34, 139, 35)
#FF00FF rgb(249, 0, 255)
#DCDCDC rgb(220, 220, 220)
#F8F8FF rgb(248, 248, 255)
#FFD700 rgb(253, 215, 3)
#DAA520 rgb(218, 165, 32)
#808080 rgb(128, 128, 128)
#008000 rgb(27, 128, 1)
#ADFF2F rgb(173, 255, 48)
#F0FFF0 rgb(240, 255, 240)
#FF69B4 rgb(240, 255, 240)
#CD5C5C rgb(205, 92, 92)
Indigo #4B0082 rgb(75, 0, 130)
#FFFFF0 rgb(255, 255, 239)
#F0E68C rgb(240, 230, 140)
#E6E6FA rgb(230, 230, 250)
#FFF0F5 rgb(254, 240, 245)
#7CFC00 rgb(124, 252, 2)
#FFFACD rgb(255, 250, 205)
#ADD8E6 rgb(173, 216, 230)
#F08080 rgb(240, 128, 128)
#E0FFFF rgb(224, 255, 255)
#FAFAD2 rgb(250, 250, 210)
#D3D3D3 rgb(211, 211, 211)
#90EE90 rgb(144, 238, 144)
#FFB6C1 rgb(252, 182, 193)
#FFA07A rgb(251, 160, 122)
#20B2AA rgb(40, 178, 170)
#87CEFA rgb(135, 206, 250)
#778899 rgb(119, 136, 153)
#B0C4DE rgb(176, 196, 222)
#FFFFE0 rgb(255, 255, 224)
#00FF00 rgb(63, 255, 0)
#32CD32 rgb(50, 205, 50)
#FAF0E6 rgb(250, 240, 230)
#FF00FF rgb(249, 0, 255)
#800000 rgb(128, 4, 0)
#66CDAA rgb(102, 205, 170)
#0000CD rgb(0, 0, 205)
#BA55D3 rgb(186, 85, 211)
#9370DB rgb(147, 112, 219)
#3CB371 rgb(60, 179, 113)
#7B68EE rgb(123, 103, 238)
#00FA9A rgb(62, 250, 153)
#48D1CC rgb(72, 209, 204)
#C71585 rgb(199, 21, 133)
Blue #191970 rgb(25, 25, 112)
#F5FFFA rgb(245, 255, 250)
#FFE4E1 rgb(254, 228, 225)
#FFE4B5 rgb(254, 228, 181)
#FFDEAD rgb(254, 222, 173)
#000080 rgb(0, 0, 128)
#FDF5E6 rgb(253, 245, 230)
#808000 rgb(128, 128, 1)
#6B8E23 rgb(107, 142, 35)
#FFA500 rgb(252, 165, 3)
#FF4500 rgb(250, 69, 1)
#DA70D6 rgb(218, 112, 214)
#EEE8AA rgb(238, 232, 170)
#98FB98 rgb(152, 251, 153)
#AFEEEE rgb(175, 238, 239)
#DB7093 rgb(219, 112, 147)
#FFEFD5 rgb(254, 239, 213)
#FFDAB9 rgb(253, 218, 185)
#CD853F rgb(205, 133, 63)
#FFC0CB rgb(252, 192, 203)
#DDA0DD rgb(221, 160, 221)
#B0E0E6 rgb(176, 224, 230)
#800080 rgb(128, 0, 128)
#663399 rgb(102, 51, 153)
#FF0000 rgb(255, 0, 0)
#BC8F8F rgb(188, 143, 142)
#4169E1 rgb(65, 105, 225)
#8B4513 rgb(139, 69, 19)
#FA8072 rgb(250, 128, 114)
#F4A460 rgb(244, 164, 95)
#2E8B57 rgb(46, 139, 87)
#FFF5EE rgb(255, 245, 238)
#A0522D rgb(160, 82, 45)
#C0C0C0 rgb(192, 192, 192)
#87CEEB rgb(135, 206, 235)
#6A5ACD rgb(106, 90, 205)
#708090 rgb(112, 128, 145)
#FFFAFA rgb(255, 250, 250)
#00FF7F rgb(63, 255, 128)
#4682B4 rgb(70, 130, 180)
#D2B48C rgb(210, 180, 140)
#008080 rgb(26, 128, 127)
#D8BFD8 rgb(216, 191, 216)
#FF6347 rgb(250, 99, 71)
#40E0D0 rgb(64, 224, 208)
#EE82EE rgb(238, 130, 238)
#F5DEB3 rgb(245, 222, 179)
#FFFFFF rgb(255, 255, 255)
#F5F5F5 rgb(245, 245, 245)
#FFFF00 rgb(255, 255, 0)
#9ACD32 rgb(154, 205, 49)

Masih banyak kombinasi warna lainnya yang bisa kalian pilih untuk mempercantik website. Namun bagi kalian yang menginginkan warna kekinian, maka bisa mencoba warna pastel yang sedang menjadi warna favorit para blogger di seluruh dunia.

Kode Warna Pastel

Sejatinya ada 16 Juta kombinasi warna RGB. Tentu kami tidak bisa menampilkan semua daftarnya. Namun kami mencoba memilihkan kode warna pastel yang paling bagus dan untuk mengetahui apa saja kode Hexadesimal dan kode RGB-nya silahkan simak di bawah ini.

NAMA WARNA KODE HEXADESIMAL KODE RGB  
#ffd1dc rgb(255, 209, 220)
#d1fff4 rgb(209, 255, 244)
#ffd1f3 rgb(255, 209, 243)
#ffd1dc rgb(255, 209, 220)
#ffddd1 rgb(255, 221, 209)
#d1f3ff rgb(209, 243, 255)
#d1dcff rgb(209, 220, 255)
#dcffd1 rgb(220, 255, 209)
#f4d1ff rgb(244, 209, 255)
#ff85a2 rgb(255, 133, 162)
#ff9eb5 rgb(255, 158, 181)
#E0BBE4 rgb(224, 187, 228)
#957DAD rgb(0, 255, 254)
#D291BC rgb(210, 145, 188)
#FEC8D8 rgb(254, 200, 216)
#FFDFD3 rgb(255, 223, 211)
#FDCFB3 rgb(253, 207, 179)
#CEC8E4 rgb(206, 200, 228)
#F9F7E8 rgb(249, 247, 232)
#BED7D1 rgb(190, 215, 209)
#F7EBC3 rgb(247, 235, 195)
#FBD6C6 rgb(251, 214, 198)
#F8E1E7 rgb(248, 225, 231)
#F8D1E0 rgb(248, 209, 224)
#FECBA5 rgb(254, 203, 165)
#FBD7BB rgb(251, 215, 187)

Masih banyak sekali kemungkinan kombinasi kode warna pastel yang kalian bisa gunakan. Namun yang jadi pertanyaan sekarang, bagiamanakan cara menggunakan kode tersebut? Bagi yang belum mengetahui seperti apa caranya, silahkan simak di bawah ini.

Cara Menggunakan Kode Warna

Bagi yang masih awam soal dunia programing tidak perlu khawatir, karena cara menggunakan kode warna css ataupun HTML sangatlah mudah. Sebagai contoh kami akan memberikan pengaplikasian kode warna secara sederhana berikut ini.

Contoh : 

<span style=”color: #ff0000;”>Contoh Kode Warna CSS</span>

<span style=”color: #ff9900;”>Contoh Kode Warna HTML</span>

Hasil : 

  • Contoh Kode Warna CSS
  • Contoh Kode Warna HTML

Yang perlu kalian perhatikan saat memasukan kode warna adalah perintah kode yang berada di depan kode warna. Dimana kodenya adalah “color: #(Kode Warna);” Kalian bisa menggantinya dengan beragam kode warna CSS ataupun HTML yang kami sampaikan di atas.

Sebenarnya masih banyak contoh pengalikasikan kode warna CSS lainnya. Namun untuk lebih jelasnya, kami akan membahasnya pada artikel terpisah. Nah cukup sekian informasi projektino.com. Baca juga artikel sebelumnya mengenai “Cara Menghapus Akun Gmail” dan beragam informasi menarik lainnya.