Kode Warna CSS dan HTML – Setiap orang memiliki selera yang berbeda-beda dalam stimulus eksternal, sehingga persepsi warna antara satu individu dan lainnya berbeda-beda. Hal inilah yang membuat web designer harus memahami kombinasi dan penggunaan kode warna CSS dan HTML pada sebuah website.
Skema warna menjadi salah satu fakto yang menentukan keberhasilan dan kegagalan website. Warna menjadi elemen yang bisa memberikan dampak psikologis bagi pengamat website. Kode warna HTML berupa 6 karakter setelah penulisan tagar. Warna HTML di atur menggunakan kode HEX.
Kode HEX merupakan gagasan heksadesimal dari RGB. RGD sendiri tersusun dari tiga warna yaitu Red, Green dan Blue. Backgroun dalam sebuah website juga menjadi bagian yang cukup penting. Namun, dengan bantuan CSS, kamu bisa membuat layar belangkah website serta entri yang lainnya.
Selain itu, CSS juga memungkinkan kamu untuk menggunakan kurang lebihnya sekitar 16.777.216 warna, dimana masing-masing diwakili oleh nama, kode HEX dan kode RGD. Lantas apa saja kode CSS dan HTML yang tersedia. Adapun informasi lebih lengkapnya, silahkan simak ulasan dari inspired2write berikut ini.
Kode Warna CSS dan HTML Full Color Lengkap
Seperti yang sudah kami singgung di atas bahwa sejatinya ada jutaan warna yang bisa kamu gunakan ke website kamu. Dengan demikian kamu bisa memilih warna sesuai selera kamu. Penasaran dengan warna apa saja, berikut penjelasan lebih lengkapnya.
Kode Warna CSS dan HTML
Berikut ini inspired2write.com akan sajikan kode warna CSS (Cascading Style Sheet) dan HTML (Hypertext Markup Language) full color paling lengkap. Silahkan simak-kode-kodenya pada tabel di bawah ini.
| 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 Goldenrod 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) |
Tips Memilih Warna
- Pilihlah Warna Sesuai Fokus Perusahaan
Terdapat banyak warna yang bisa kamu pilih ketika akan membangun sebuah brand. Dalam memilih warna pertimbangkan terlebih dahulu berdasarkan fokus perusahaan.
- Jangan Gunakan Terlalu Banyak Warna
Usahakan untuk menggunakan kombinasi warna seminimal mungkin dan lebih menonjolkan warna tertentu.
- Gunakan Warna Netral
Gunakan warna netral karena relatif lebih aman. Kamu bisa menggunakan warna netral seperti abu-abu, perak, emas, hitam, putih, cokelat, dan krem.
Cara Menggunakan Kode Warna CSS dan HTML
Penggunaan kode warna dalam sebuah website, tak hanya membuat website kamu terlihat menarik. Namun juga akan meningkatkan peluang mengujungi website kamu kembali. Adapun cara menggunakan kode warna CSS dan HTML yaitu sebagai berikut.
Cara Menggunakan Kode Warna HTML Font
Untuk mengganti warna teks di website baik pada tag (body) ataupun tag font, bisa kamu ubah dengan format sebagai berikut.
<font color = “#ff0123”> text </font>
Warna pada HTML harus melapirkan kode HEX, yang merupakan kode 6 digit yang mewakili jumlah warna merah, hijau serta biru (RGB) contohnya :
<font color = “blue”> text </font>
Cara Menggunakan Kode Warna HTML Backgroud
Sedangkan untuk mengubah warna bacground halaman web yaitu dengan menggunakan kode warna HEX dengan properti background-color. Penerapan kode warna HEX bisa langsung di elemen HTML <body> menggunakan atribut style sebagai berikut.
<body style=”backgroud-color:#F0123;”>
Itulah beberapa kode warna CSS dan HTML yang dapat inspired2write.com sajikan. Dengan ini, kamu bisa memberikan warna ke sebuah produk dagang yang kamu sedang jalankan. Ada berbagai MACAM USAHA DAGANG yang bisa kamu contoh warnanya sebagai bahan ispirasi untuk pemilihan warna.