Dailytips.id – 141 Daftar Kode Warna HTML & CSS Lengkap Full Color: Update. Dalam dunia desain website dikenal istilah komposisi warna. Warna-warna yang tampil di website tersebut terbentuk dalam 2 cara yaitu satu, komposisi warna dilakukan dengan menuliskan susunan enam karakter alfanumerik atau hexadecimal dan kedua dibuat dengan desain betuk banner.
Dalam potongan website palletplastik.id , web jual pallet plastik tersebut, terdapat beberapa warna, yaitu hijau muda, hijau tua, putih, orangem dan biru. Warna-warna tersebut dibentuk dengan Dua cara yaitu menuliskan susunan enam karakter alfanumerik atau hexadecimal dan kedua dibentuk dengan desain banner.
Untuk warna yang dibuat dengan desain banner, sudah jelas semua didesain dengan menggunakan program photoshop, sehingga warna bisa langsung dituangkan dalam banner.
Untuk pembentukan warna yang kedua adalah dengan menuliskan susunan enam karakter alfanumerik atau hexadecimal dan Biasanya kode warna HTML dituliskan dalam komposisi triplets, dimana setiap dua digit karakter mewakili warna dasar berbasis RGB (Red, Green, Blue) atau #RRGGBB dan kedua dibuat dengan desain betuk banner.
Berikut contoh penerapan warna berbasis kode HTML
Berikut hasilnya:
Berikut ini adalah daftar kode warna HTML lengkap dengan contoh warna yang dihasilkan, kode HEX untuk penerapan di website, serta kode RGB yang terdiri dari susunan angka.
141 Daftar Kode Warna HTML & CSS Lengkap Full Color
| Nama Warna | HEX | RGB | |
|---|---|---|---|
|
Dailytips
|
Alice Blue | #F0F8FF | rgb(240, 248, 254) |
|
Dailytips
|
Antique White | #FAEBD7 | rgb(251, 235, 217) |
|
Dailytips
|
Aqua | #00FFFF | rgb(0, 255, 254) |
|
Dailytips
|
Aquamarine | #7FFFD4 | rgb(115, 255, 216) |
|
Dailytips
|
Azure | #F0FFFF | rgb(239, 255, 255) |
|
Dailytips
|
Beige | #F5F5DC | rgb(245, 245, 223) |
|
Dailytips
|
Bisque | #FFE4C4 | rgb(255, 227, 200) |
|
Dailytips
|
Black | #000000 | rgb(0, 0, 0) |
|
Dailytips
|
Blanched Almond | #FFEBCD | rgb(255, 234, 208) |
|
Dailytips
|
Blue | #0000FF | rgb(0, 0, 255) |
|
Dailytips
|
Blue Violet | #8A2BE2 | rgb(138, 43, 226) |
|
Dailytips
|
Brown | #A52A2A | rgb(165, 42, 42) |
|
Dailytips
|
Burly Wood | #DEB887 | rgb(222, 184, 135) |
|
Dailytips
|
Cadet Blue | #5F9EA0 | rgb(95, 158, 160) |
|
Dailytips
|
Chartreuse | #7FFF00 | rgb(127, 255, 1) |
|
Dailytips
|
Chocolate | #D2691E | rgb(210, 105, 30) |
|
Dailytips
|
Coral | #FF7F50 | rgb(251, 127, 80) |
|
Dailytips
|
Cornflower Blue | #6495ED | rgb(100, 149, 237) |
|
Dailytips
|
Cornsilk | #FFF8DC | rgb(225, 248, 220) |
|
Dailytips
|
Crimson | #DC143C | rgb(220, 20, 60) |
|
Dailytips
|
Cyan | #00FFFF | rgb(62, 254, 255) |
|
Dailytips
|
Dark Blue | #00008B | rgb(0, 0, 139) |
|
Dailytips
|
Dark Cyan | #008B8B | rgb(29, 139, 139) |
|
Dailytips
|
Dark Golden Rod | #B8860B | rgb(184, 134, 11) |
|
Dailytips
|
Dark Gray | #A9A9A9 | rgb(169, 169, 169) |
|
Dailytips
|
Dark Green | #006400 | rgb(19, 100, 0) |
|
Dailytips
|
Dark Khaki | #BDB76B | rgb(189, 183, 107) |
|
Dailytips
|
Dark Magenta | #8B008B | rgb(139, 0, 140) |
|
Dailytips
|
Dark Olive Green | #556B2F | rgb(85, 107, 47) |
|
Dailytips
|
Dark Orange | #FF8C00 | rgb(251, 140, 1) |
|
Dailytips
|
Dark Orchid | #9932CC | rgb(153, 50, 204) |
|
Dailytips
|
Dark Red | #8B0000 | rgb(139, 5, 0) |
|
Dailytips
|
Dark Salmon | #E9967A | rgb(233, 150, 122) |
|
Dailytips
|
Dark Sea Green | #8FBC8F | rgb(143, 188, 144) |
|
Dailytips
|
Dark Slate Blue | #483D8B | rgb(72, 61, 139) |
|
Dailytips
|
Dark Slate Gray | #2F4F4F | rgb(47, 79, 79) |
|
Dailytips
|
Dark Turquoise | #00CED1 | rgb(48, 206, 209) |
|
Dailytips
|
Dark Violet | #9400D3 | rgb(148, 0, 211) |
|
Dailytips
|
Deep Pink | #FF1493 | rgb(249, 19, 147) |
|
Dailytips
|
Deep Sky Blue | #00BFFF | rgb(43, 191, 254) |
|
Dailytips
|
Dim Gray | #696969 | rgb(105, 105, 105) |
|
Dailytips
|
Dodger Blue | #1E90FF | rgb(30, 144, 255) |
|
Dailytips
|
Fire Brick | #B22222 | rgb(178, 34, 33) |
|
Dailytips
|
Floral White | #FFFAF0 | rgb(255, 250, 240) |
|
Dailytips
|
Forest Green | #228B22 | rgb(34, 139, 35) |
|
Dailytips
|
Fuchsia | #FF00FF | rgb(249, 0, 255) |
|
Dailytips
|
Gainsboro | #DCDCDC | rgb(220, 220, 220) |
|
Dailytips
|
Ghost White | #F8F8FF | rgb(248, 248, 255) |
|
Dailytips
|
Gold | #FFD700 | rgb(253, 215, 3) |
|
Dailytips
|
Golden Rod | #DAA520 | rgb(218, 165, 32) |
|
Dailytips
|
Gray | #808080 | rgb(128, 128, 128) |
|
Dailytips
|
Green | #008000 | rgb(27, 128, 1) |
|
Dailytips
|
Green Yellow | #ADFF2F | rgb(173, 255, 48) |
|
Dailytips
|
Honey Dew | #F0FFF0 | rgb(240, 255, 240) |
|
Dailytips
|
Hot Pink | #FF69B4 | rgb(240, 255, 240) |
|
Dailytips
|
Indian Red | #CD5C5C | rgb(205, 92, 92) |
|
Dailytips
|
Indigo | #4B0082 | rgb(75, 0, 130) |
|
Dailytips
|
Ivory | #FFFFF0 | rgb(255, 255, 239) |
|
Dailytips
|
Khaki | #F0E68C | rgb(240, 230, 140) |
|
Dailytips
|
Lavender | #E6E6FA | rgb(230, 230, 250) |
|
Dailytips
|
Lavender Blush | #FFF0F5 | rgb(254, 240, 245) |
|
Dailytips
|
Lawn Green | #7CFC00 | rgb(124, 252, 2) |
|
Dailytips
|
Lemon Chiffon | #FFFACD | rgb(255, 250, 205) |
|
Dailytips
|
Light Blue | #ADD8E6 | rgb(173, 216, 230) |
|
Dailytips
|
Light Coral | #F08080 | rgb(240, 128, 128) |
|
Dailytips
|
Light Cyan | #E0FFFF | rgb(224, 255, 255) |
|
Dailytips
|
Light Golden Rod Yellow | #FAFAD2 | rgb(250, 250, 210) |
|
Dailytips
|
Light Gray | #D3D3D3 | rgb(211, 211, 211) |
|
Dailytips
|
Light Green | #90EE90 | rgb(144, 238, 144) |
|
Dailytips
|
Light Pink | #FFB6C1 | rgb(252, 182, 193) |
|
Dailytips
|
Light Salmon | #FFA07A | rgb(251, 160, 122) |
|
Dailytips
|
Light Sea Green | #20B2AA | rgb(40, 178, 170) |
|
Dailytips
|
Light Sky Blue | #87CEFA | rgb(135, 206, 250) |
|
Dailytips
|
Light Slate Gray | #778899 | rgb(119, 136, 153) |
|
Dailytips
|
Light Steel Blue | #B0C4DE | rgb(176, 196, 222) |
|
Dailytips
|
Light Yellow | #FFFFE0 | rgb(255, 255, 224) |
|
Dailytips
|
Lime | #00FF00 | rgb(63, 255, 0) |
|
Dailytips
|
Lime Green | #32CD32 | rgb(50, 205, 50) |
|
Dailytips
|
Linen | #FAF0E6 | rgb(250, 240, 230) |
|
Dailytips
|
Magenta | #FF00FF | rgb(249, 0, 255) |
|
Dailytips
|
Maroon | #800000 | rgb(128, 4, 0) |
|
Dailytips
|
Medium Aqua Marine | #66CDAA | rgb(102, 205, 170) |
|
Dailytips
|
Medium Blue | #0000CD | rgb(0, 0, 205) |
|
Dailytips
|
Medium Orchid | #BA55D3 | rgb(186, 85, 211) |
|
Dailytips
|
Medium Purple | #9370DB | rgb(147, 112, 219) |
|
Dailytips
|
Medium Sea Green | #3CB371 | rgb(60, 179, 113) |
|
Dailytips
|
Medium Slate Blue | #7B68EE | rgb(123, 103, 238) |
|
Dailytips
|
Medium Spring Green | #00FA9A | rgb(62, 250, 153) |
|
Dailytips
|
Medium Turquoise | #48D1CC | rgb(72, 209, 204) |
|
Dailytips
|
Medium Violet Red | #C71585 | rgb(199, 21, 133) |
|
Dailytips
|
Midnight Blue | #191970 | rgb(25, 25, 112) |
|
Dailytips
|
Mint Cream | #F5FFFA | rgb(245, 255, 250) |
|
Dailytips
|
Misty Rose | #FFE4E1 | rgb(254, 228, 225) |
|
Dailytips
|
Moccasin | #FFE4B5 | rgb(254, 228, 181) |
|
Dailytips
|
Navajo White | #FFDEAD | rgb(254, 222, 173) |
|
Dailytips
|
Navy | #000080 | rgb(0, 0, 128) |
|
Dailytips
|
Old Lace | #FDF5E6 | rgb(253, 245, 230) |
|
Dailytips
|
Olive | #808000 | rgb(128, 128, 1) |
|
Dailytips
|
Olive Drab | #6B8E23 | rgb(107, 142, 35) |
|
Dailytips
|
Orange | #FFA500 | rgb(252, 165, 3) |
|
Dailytips
|
Orange Red | #FF4500 | rgb(250, 69, 1) |
|
Dailytips
|
Orchid | #DA70D6 | rgb(218, 112, 214) |
|
Dailytips
|
Pale Golden Rod | #EEE8AA | rgb(238, 232, 170) |
|
Dailytips
|
Pale Green | #98FB98 | rgb(152, 251, 153) |
|
Dailytips
|
Pale Turquoise | #AFEEEE | rgb(175, 238, 239) |
|
Dailytips
|
Pale Violet Red | #DB7093 | rgb(219, 112, 147) |
|
Dailytips
|
Papaya Whip | #FFEFD5 | rgb(254, 239, 213) |
|
Dailytips
|
Peach Puff | #FFDAB9 | rgb(253, 218, 185) |
|
Dailytips
|
Peru | #CD853F | rgb(205, 133, 63) |
|
Dailytips
|
Pink | #FFC0CB | rgb(252, 192, 203) |
|
Dailytips
|
Plum | #DDA0DD | rgb(221, 160, 221) |
|
Dailytips
|
Powder Blue | #B0E0E6 | rgb(176, 224, 230) |
|
Dailytips
|
Purple | #800080 | rgb(128, 0, 128) |
|
Dailytips
|
Rebecca Purple | #663399 | rgb(102, 51, 153) |
|
Dailytips
|
Red | #FF0000 | rgb(255, 0, 0) |
|
Dailytips
|
Rosy Brown | #BC8F8F | rgb(188, 143, 142) |
|
Dailytips
|
Royal Blue | #4169E1 | rgb(65, 105, 225) |
|
Dailytips
|
Saddle Brown | #8B4513 | rgb(139, 69, 19) |
|
Dailytips
|
Salmon | #FA8072 | rgb(250, 128, 114) |
|
Dailytips
|
Sandy Brown | #F4A460 | rgb(244, 164, 95) |
|
Dailytips
|
Sea Green | #2E8B57 | rgb(46, 139, 87) |
|
Dailytips
|
Sea Shell | #FFF5EE | rgb(255, 245, 238) |
|
Dailytips
|
Sienna | #A0522D | rgb(160, 82, 45) |
|
Dailytips
|
Silver | #C0C0C0 | rgb(192, 192, 192) |
|
Dailytips
|
Sky Blue | #87CEEB | rgb(135, 206, 235) |
|
Dailytips
|
Slate Blue | #6A5ACD | rgb(106, 90, 205) |
|
Dailytips
|
Slate Gray | #708090 | rgb(112, 128, 145) |
|
Dailytips
|
Snow | #FFFAFA | rgb(255, 250, 250) |
|
Dailytips
|
Spring Green | #00FF7F | rgb(63, 255, 128) |
|
Dailytips
|
Steel Blue | #4682B4 | rgb(70, 130, 180) |
|
Dailytips
|
Tan | #D2B48C | rgb(210, 180, 140) |
|
Dailytips
|
Teal | #008080 | rgb(26, 128, 127) |
|
Dailytips
|
Thistle | #D8BFD8 | rgb(216, 191, 216) |
|
Dailytips
|
Tomato | #FF6347 | rgb(250, 99, 71) |
|
Dailytips
|
Turquoise | #40E0D0 | rgb(64, 224, 208) |
|
Dailytips
|
Violet | #EE82EE | rgb(238, 130, 238) |
|
Dailytips
|
Wheat | #F5DEB3 | rgb(245, 222, 179) |
|
Dailytips
|
White | #FFFFFF | rgb(255, 255, 255) |
|
Dailytips
|
White Smoke | #F5F5F5 | rgb(245, 245, 245) |
|
Dailytips
|
Yellow | #FFFF00 | rgb(255, 255, 0) |
|
Dailytips
|
Yellow Green | #9ACD32 | rgb(154, 205, 49) |
Selain bisa digunakan untuk mempercantik tampilan website, kode warna HTML ini juga bisa digunakan sebagai referensi bagi desainer grafis ketika membuat logo, poster, maupun banner d aplikasi smartphone maupun komputer.
Semoga daftar 141 Kode Warna HTML & CSS Lengkap Full Color: yang Update ini bisa memberikan tambahan informasi bagi para desain web mau pun para blogger. Bagi para blogger yang mau mencoba membuka bisnis baca 8 peluang bisnis kreatif berpotensi dimasa pandemi.
