Kode Warna CSS dan HTML Lengkap Full Color
Kode Warna CSS – Bagi yang suka programming pasti tak asing dengan kode warna CSS atau HTML. Kode warna tersebut bisa berbentuk kode Hex ataupun RGB. Sobat bisa menyesuaikannya sesuai software yang digunakan. Namun biasanya untuk pengembangan website menggunakan kode warna CSS berupa Hex. Sebagai contoh adalah kode warna #FF00FF yang merupakan kode Hex untuk warna ungu. Selain itu, sobat juga bisa menggunakan kode RGB, seperti rgb(249, 0, 255) ataupun warna lainnya.
Sebenarnya memiliki kode warna CSS bisa dilakukan dengan menggunakan aplikasi semacam photoshop ataupun aplikasi editing lainnya. Namun sering kali kita bingung memilih warna yang tepat, karena ada banyak sekali kombinasi warna yang bisa dipilih. Kami sendiri lebih memilih warna-warna yang cerah agar tampilan website terlihat lebih segar. Sobat juga bisa memilih kode Warna CSS yang gelap, seperti hitam, biru tua, unggu, dll.
Setiap orang memiliki selera berbeda-beda dalam memilih kode warna CSS ataupun HTML yang mereka sukai. Sah-sah saja apabila ada yang memiliki warna cerah ataupun gelap. Semuanya kembali lagi ke selera masing-masing orang. Namun alangkah baiknya memilih warna yang adem dipandang mata, mengingat tujuan membuat website adalah untuk mendapatkan banyak pengunjung. Apabila pilihan warnanya jelek, tentu pengunjung tak akan betah mengunjungi website kita.
Selain untuk mengembangkan website, kode warna CSS juga bisa digunakan untuk mengedit foto, video, ataupun yang lainnya. Sejatinya kode warna CSS bersifat tetap dan tak bisa dirubah. Jadi apabila sobat menngedit warna dengan Photshop, maka kode warnanya sama dengan kode warna CSS. Nah bagi yang bigung memiliki kode warna CSS terbaik yang full color dan keren, silahkan simak informasi ponseli.com yang kami rangkum berikut ini.
Kumpulan Kode Warna CSS dan HTML
Kumpulan Kode Warna CSS dan HTML
| 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 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) |
| Gray | #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 Gray | #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 Gray | #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) |
| Rebecca Purple | #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 Gray | #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) |
Kode warna yang kami sampaikan di atas berdasarkan sumber dari w3schools. Ada banyak sekali pilihan warna yang bisa sobat pilih. Mulai dari warna cerah, gelap, hingga warna crayon yang terlihat lebih soft dibandingkan kode warna CSS lainnya. Sobat tinggal mengaplikasikan salah satu warna di atas untuk merubah tampilan background website ataupun kebutuhan editing lainnya. Selain itu, sobat bisa memadukan beberapa warna menjadi satu yang dikenal dengan nama warna gradiasi.
Nah bagi yang masih bingung bagaimana cara mengaplikasikan warna di atas untuk merubah tampilan CSS website, silahkan simak contohnya dibawah ini.
<span style=”color: #ffffff;”>warna putih</span>
Kode di atas akan membuat tulisan pada website menjadi warna putih. Kode warna CSS #ffffff memang dikhusukan untuk warna putih. Sobat bisa mengganti kode tersebut dengan beragam kode warna CSS yang sobat sukai. Pengaplikasian kode warna CSS di atas bisa berbeda-beda, karena tergantung platform yang sobat gunakan.
| Baca Juga Informasi Ponseli Lainnya | ||
| Game Kucing Android Bisa Ngomong | Emulator Android Terbaik | |
| Aplikasi Android Terbaik | Game Balap Motor Drag | |
Bahasa programming memang sesuatu yang sulit. Untuk mengganti warna tulisan saja kita harus menuliskan kode warna CSS sesuai warna yang dipilih. Bagi yang sudah terbiasa tentu bukan menjadi masalah berarti dan bisa menyesuaikan warna dengan konsep website yang ingin dibangun. Namun bagi yang masih amatir, maka kode warna CSS dan HTML di atas bia menjadi acuan dalam memiliki warna website yang keren dan berbeda dari milik orang lain. Sekian informasi ponseli.com kali ini, semoga tips website di atas bermanfaat dan bisa menjadi referensi.
