Penulisan komposisi warna untuk warna HEX yang benar adalah

Table of Contents Show

Daftar Kode Warna CSS & HTML
Kode Warna Pastel
Cara Menggunakan Kode Warna
Video yang berhubungan

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 :

[epcl_box type=”success”]

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

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

[/epcl_box]

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.