Skip to content Skip to sidebar Skip to footer

Daftar Kode Warna HTML CSS Lengkap

Daftar Kode Warna Pada HTML & CSS Lengkap

 Warna merupakan sebuah elemen penting pada desain blog. Salah satu hal yang harus Anda lakukan adalah menentukan warna  apa yang ingin Anda gunakan pada desain blog Anda.

 Di bawah ini tabel kode warna HTML & CSS yang dapat Anda gunakan untuk memperindah tampilan blog anda. Tidak hanya memperindah, banyak hal hal lain yang dapat dipengaruhi oleh warna.

Nama Warna Kode HEX Kode RGB
Alice Blue #F0F8FF rgb(240, 248, 254)
Antique White #FAEBD7 rgb(251, 235, 217)
Aqua #00FFFF rgb(0, 255, 254)
Aquamarine #7FFFD4 rgb(115, 255, 216)
Azure #F0FFFF rgb(239, 255, 255)
Beige #F5F5DC rgb(245, 245, 223)
Bisque #FFE4C4 rgb(255, 227, 200)
Black #000000 rgb(0, 0, 0)
Blanched Almond #FFEBCD rgb(255, 234, 208)
Blue #0000FF rgb(0, 0, 255)
Blue Violet #8A2BE2 rgb(138, 43, 226)
Brown #A52A2A rgb(165, 42, 42)
Burly Wood #DEB887 rgb(222, 184, 135)
Cadet Blue #5F9EA0 rgb(95, 158, 160)
Chartreuse #7FFF00 rgb(127, 255, 1)
Chocolate #D2691E rgb(210, 105, 30)
Coral #FF7F50 rgb(251, 127, 80)
Cornflower Blue #6495ED rgb(100, 149, 237)
Cornsilk #FFF8DC rgb(225, 248, 220)
Crimson #DC143C rgb(220, 20, 60)
Cyan #00FFFF rgb(62, 254, 255)
Dark Blue #00008B rgb(0, 0, 139)
Dark Cyan #008B8B rgb(29, 139, 139)
Dark Golden Rod #B8860B rgb(184, 134, 11)
Dark Gray #A9A9A9 rgb(169, 169, 169)
Dark Green #006400 rgb(19, 100, 0)
Dark Khaki #BDB76B rgb(189, 183, 107)
Dark Magenta #8B008B rgb(139, 0, 140)
Dark Olive Green #556B2F rgb(85, 107, 47)
Dark Orange #FF8C00 rgb(251, 140, 1)
Dark Orchid #9932CC rgb(153, 50, 204
Dark Red #8B0000 rgb(139, 5, 0)
Dark Salmon #E9967A rgb(233, 150, 122)
Dark Sea Green #8FBC8F rgb(143, 188, 144)
Dark Slate Blue #483D8B rgb(72, 61, 139)
Dark Slate Gray #2F4F4F rgb(47, 79, 79)
Dark Slate Grey #2F4F4F rgb(47, 79, 79)
Dark Turquoise #00CED1 rgb(48, 206, 209)
Dark Violet #9400D3 rgb(148, 0, 211)
Deep Pink #FF1493 rgb(249, 19, 147)
Deep Sky Blue #00BFFF rgb(43, 191, 254)
Dim Gray #696969 rgb(105, 105, 105)
Dodger Blue #1E90FF rgb(30, 144, 255)
Fire Brick #B22222 rgb(178, 34, 33)
Floral White #FFFAF0 rgb(255, 250, 240)
Forest Green #228B22 rgb(34, 139, 35)
Fuchsia #FF00FF rgb(249, 0, 255)
Gainsboro #DCDCDC rgb(220, 220, 220)
Ghost White #F8F8FF rgb(248, 248, 255)
Gold #FFD700 rgb(253, 215, 3)
Golden Rod #DAA520 rgb(218, 165, 32)
Grey #808080 rgb(128, 128, 128)
Green #008000 rgb(27, 128, 1)
Green Yellow #ADFF2F rgb(173, 255, 48)
Honey Dew #F0FFF0 rgb(240, 255, 240)
Hot Pink #FF69B4 rgb(240, 255, 240)
Indian Red #CD5C5C rgb(205, 92, 92)
Indigo #4B0082 rgb(75, 0, 130)
Ivory #FFFFF0 rgb(255, 255, 239)
Khaki #F0E68C rgb(240, 230, 140)
Lavender #E6E6FA rgb(230, 230, 250)
Lavender Blush #FFF0F5 rgb(254, 240, 245)
Lawn Green #7CFC00 rgb(124, 252, 2)
Lemon Chiffon #FFFACD rgb(255, 250, 205)
Light Blue #ADD8E6 rgb(173, 216, 230)
Light Coral #F08080 rgb(240, 128, 128)
Light Cyan #E0FFFF rgb(224, 255, 255)
Light Golden Rod Yellow #FAFAD2 rgb(250, 250, 210)
Light Grey #D3D3D3 rgb(211, 211, 211)
Light Green #90EE90 rgb(144, 238, 144)
Light Pink #FFB6C1 rgb(252, 182, 193)
Light Salmon #FFA07A rgb(251, 160, 122)
Light Sea Green #20B2AA rgb(40, 178, 170)
Light Sky Blue #87CEFA rgb(135, 206, 250)
Light Slate Grey #778899 rgb(119, 136, 153)
Light Steel Blue #B0C4DE rgb(176, 196, 222)
Light Yellow #FFFFE0 rgb(255, 255, 224)
Lime #00FF00 rgb(63, 255, 0)
Lime Green #32CD32 rgb(50, 205, 50)
Linen #FAF0E6 rgb(250, 240, 230)
Magenta #FF00FF rgb(249, 0, 255)
Maroon #800000 rgb(128, 4, 0)
Medium Aqua Marine #66CDAA rgb(102, 205, 170)
Medium Blue #0000CD rgb(0, 0, 205)
Medium Orchid #BA55D3 rgb(186, 85, 211)
Medium Purple #9370DB rgb(147, 112, 219)
Medium Sea Green #3CB371 rgb(60, 179, 113)
Medium Slate Blue #7B68EE rgb(123, 103, 238)
Medium Spring Green #00FA9A rgb(62, 250, 153)
Medium Turquoise #48D1CC rgb(72, 209, 204)
Medium Violet Red #C71585 rgb(199, 21, 133)
Midnight Blue #191970 rgb(25, 25, 112)
Mint Cream #F5FFFA rgb(245, 255, 250)
Misty Rose #FFE4E1 rgb(254, 228, 225)
Moccasin #FFE4B5 rgb(254, 228, 181)
Navajo White #FFDEAD rgb(254, 222, 173)
Navy #000080 rgb(0, 0, 128)
Old Lace #FDF5E6 rgb(253, 245, 230)
Olive #808000 rgb(128, 128, 1)
Olive Drab #6B8E23 rgb(107, 142, 35)
Orange #FFA500 rgb(252, 165, 3)
Orange Red #FF4500 rgb(250, 69, 1)
Orchid #DA70D6 rgb(218, 112, 214)
Pale Golden Rod #EEE8AA rgb(238, 232, 170)
Pale Green #98FB98 rgb(152, 251, 153)
Pale Turquoise #AFEEEE rgb(175, 238, 239)
Pale Violet Red #DB7093 rgb(219, 112, 147)
Papaya Whip #FFEFD5 rgb(254, 239, 213)
Peach Puff #FFDAB9 rgb(253, 218, 185)
Peru #CD853F rgb(205, 133, 63)
Pink #FFC0CB rgb(252, 192, 203)
Plum #DDA0DD rgb(221, 160, 221)
Powder Blue #B0E0E6 rgb(176, 224, 230)
Purple #800080 rgb(128, 0, 128)
RebeccaPurple #663399 rgb(102, 51, 153)
Red #FF0000 rgb(255, 0, 0)
Rosy Brown #BC8F8F rgb(188, 143, 142)
Royal Blue #4169E1 rgb(65, 105, 225)
Saddle Brown #8B4513 rgb(139, 69, 19)
Salmon #FA8072 rgb(250, 128, 114)
Sandy Brown #F4A460 rgb(244, 164, 95)
Sea Green #2E8B57 rgb(46, 139, 87)
Sea Shell #FFF5EE rgb(255, 245, 238)
Sienna #A0522D rgb(160, 82, 45)
Silver #C0C0C0 rgb(192, 192, 192)
Sky Blue #87CEEB rgb(135, 206, 235)
Slate Blue #6A5ACD rgb(106, 90, 205)
Slate Grey #708090 rgb(112, 128, 145)
Snow #FFFAFA rgb(255, 250, 250)
Spring Green #00FF7F rgb(63, 255, 128)
Steel Blue #4682B4 rgb(70, 130, 180)
Tan #D2B48C rgb(210, 180, 140)
Teal #008080 rgb(26, 128, 127)
Thistle #D8BFD8 rgb(216, 191, 216)
Tomato #FF6347 rgb(250, 99, 71)
Turquoise #40E0D0 rgb(64, 224, 208)
Violet #EE82EE rgb(238, 130, 238)
Wheat #F5DEB3 rgb(245, 222, 179)
White #FFFFFF rgb(255, 255, 255)
White Smoke #F5F5F5 rgb(245, 245, 245)
Yellow #FFFF00 rgb(255, 255, 0)
Yellow Green #9ACD32 rgb(154, 205, 49)

     000000      000033      000066      000099      0000CC      0000FF
     003300      003333      003366      003399      0033CC      0033FF
     006600      006633      006666      006699      0066CC      0066FF
     009900      009933      009966      009999      0099CC      0099FF
     00CC00      00CC33      00CC66      00CC99      00CCCC      00CCFF
     00FF00      00FF33      00FF66      00FF99      00FFCC      00FFFF
     330000      330033      330066      330099      3300CC      3300FF
     333300      333333      333366      333399      3333CC      3333FF
     336600      336633      336666      336699      3366CC      3366FF
     339900      339933      339966      339999      3399CC      3399FF
     33CC00      33CC33      33CC66      33CC99      33CCCC      33CCFF
     33FF00      33FF33      33FF66      33FF99      33FFCC      33FFFF
     660000      660033      660066      660099      6600CC      6600FF
     663300      663333      663366      663399      6633CC      6633FF
     666600      666633      666666      666699      6666CC      6666FF
     669900      669933      669966      669999      6699CC      6699FF
     66CC00      66CC33      66CC66      66CC99      66CCCC      66CCFF
     66FF00      66FF33      66FF66      66FF99      66FFCC      66FFFF
     990000      990033      990066      990099      9900CC      9900FF
     993300      993333      993366      993399      9933CC      9933FF
     996600      996633      996666      996699      9966CC      9966FF
     999900      999933      999966      999999      9999CC      9999FF
     99CC00      99CC33      99CC66      99CC99      99CCCC      99CCFF






     99FF00      99FF33      99FF66      99FF99      99FFCC      99FFFF
     CC0000      CC0033      CC0066      CC0099      CC00CC      CC00FF
     CC3300      CC3333      CC3366      CC3399      CC33CC      CC33FF
     CC6600      CC6633      CC0066      CC6699      CC66CC      CC66FF
     CC9900      CC9933      CC9966      CC9999      CC99CC      CC99FF
     CCCC00      CCCC33      CCCC66      CCCC99      CCCCCC      CCCCFF
     CCFF00      CCFF33      CCFF66      CCFF99      CCFFCC      CCFFFF
     FF0000      FF0033      FF0066      FF0099      FF00CC      FF00FF
     FF3300      FF3333      FF3366      FF3399      FF33CC      FF33FF
     FF6600      FF6633      FF6666      FF6699      FF66CC      FF66FF
     FF9900      FF9933      FF9966      FF9999      FF99CC      FF99FF
     FFCC00      FFCC33      FFCC66      FFCC99      FFCCCC      FFCCFF
     FFFF00      FFFF33      FFFF66      FFFF99      FFFFCC      FFFFFF


Cara menggunakan Kode Warna HTML Dan CSS Di Blog



Penggunaan Kode Warna HTML dan CSS Pada Teks


<span style="color: #0000ff;">Kode Warna HTML CSS Untuk Warna Biru</span>
<span style="color: #ffff00;">Kode Warna HTML CSS Untuk Warna Kuning</span>
<span style="color: #ff0000;">Kode Warna HTML CSS Untuk Warna Merah</span>
<span style="color: #00ff00;">Kode Warna HTML CSS Untuk Warna Hijau</span>
<span style="color: #000000;">Kode Warna HTML CSS Untuk Warna Hitam</span>


Maka tampilannya akan seperti ini

Kode Warna HTML CSS Untuk Warna Biru
Kode Warna HTML CSS Untuk Warna Kuning
Kode Warna HTML CSS Untuk Warna Merah
Kode Warna HTML CSS Untuk Warna Hijau
Kode Warna HTML CSS Untuk Warna Hitam

Selanjutnya Cara Menggunakan Kode Warna HTML CSS Pada Background


<span style="background-color: #0000ff;">Kode Warna HTML CSS Untuk Warna Biru</span>
<span style="background-color: #ffff00;">Kode Warna HTML CSS Untuk Warna Kuning</span>
<span style="background-color: #ff0000;">Kode Warna HTML CSS Untuk Warna Merah</span>
<span style="background-color: #00ff00;">Kode Warna HTML CSS Untuk Warna Hijau</span>
<span style="background-color: #000000;">Kode Warna HTML CSS Untuk Warna Hitam</span>


Maka tampilannya akan seperti ini.

Kode Warna HTML CSS Untuk Warna Biru

Kode Warna HTML CSS Untuk Warna Kuning

Kode Warna HTML CSS Untuk Warna Merah

Kode Warna HTML CSS Untuk Warna Hijau

Kode Warna HTML CSS Untuk Warna Hitam


Kemudian cara menerapkannya di border


<span style="border: 3px solid #0000ff;">Kode Warna HTML CSS Untuk Warna Biru</span>
<span style="border: 3px solid #ffff00;">Kode Warna HTML CSS Untuk Warna Kuning</span>
<span style="border: 3px solid #ff0000;">Kode Warna HTML CSS Untuk Warna Merah</span>
<span style="border: 3px solid #00ff00;">Kode Warna HTML CSS Untuk Warna Hijau</span>
<span style="border: 3px solid #000000;">Kode Warna HTML CSS Untuk Warna Hitam</span>


Maka tampilannya akan seperti ini

Kode Warna HTML CSS Untuk Warna Biru

Kode Warna HTML CSS Untuk Warna Kuning

Kode Warna HTML CSS Untuk Warna Merah

Kode Warna HTML CSS Untuk Warna Hijau

Kode Warna HTML CSS Untuk Warna Hitam


 Anda bisa mengganti kode tersebut dengan beragam kode warna HTML CSS yang anda sukai. Pengaplikasian kode warna HTML CSS di atas bisa berbeda-beda, karena tergantung platform yang anda gunakan.kode warna CSS dan HTML di atas bisa menjadi acuan dalam memilih warna website yang keren dan berbeda dari milik orang lain. Semoga artikel di atas bermanfaat dan bisa menjadi referensi bagi anda semua.
You may like these posts: