Kode Warna HTML
Kode warna HTML adalah kode yang digunakan dalam bahasa pemrograman HTML untuk mengatur tampilan warna pada elemen-elemen halaman web. Dengan menggunakan kode warna HTML, Anda dapat memilih warna yang sesuai dengan kebutuhan desain website Anda.
Kode warna HTML terdiri dari kombinasi angka dan huruf yang menghasilkan warna tertentu.
Daftar Kode Warna Html
Berikut dibawah ini kode HTML :
No. | Nama Warna | Kode HEX | Kode RGB |
---|---|---|---|
1 | Putih | #FFFFFF | (255, 255, 255) |
2 | Hitam | #000000 | (0, 0, 0) |
3 | Merah | #FF0000 | (255, 0, 0) |
4 | Hijau | #00FF00 | (0, 255, 0) |
5 | Biru | #0000FF | (0, 0, 255) |
6 | Kuning | #FFFF00 | (255, 255, 0) |
7 | Ungu | #800080 | (128, 0, 128) |
8 | Jingga | #FFA500 | (255, 165, 0) |
9 | Pink | #FFC0CB | (255, 192, 203) |
10 | Cokelat | #A52A2A | (165, 42, 42) |
11 | Abu-abu | #808080 | (128, 128, 128) |
12 | Perak | #C0C0C0 | (192, 192, 192) |
13 | Emas | #FFD700 | (255, 215, 0) |
14 | Coklat Muda | #D2691E | (210, 105, 30) |
15 | Lavender | #E6E6FA | (230, 230, 250) |
16 | Zaitun | #808000 | (128, 128, 0) |
17 | Nil | #000080 | (0, 0, 128) |
18 | Fuchsia | #FF00FF | (255, 0, 255) |
19 | Aqua | #00FFFF | (0, 255, 255) |
20 | Lime | #00FF00 | (0, 255, 0) |
21 | Marun | #800000 | (128, 0, 0) |
22 | Navy | #000080 | (0, 0, 128) |
23 | Olive | #808000 | (128, 128, 0) |
24 | Teal | #008080 | (0, 128, 128) |
25 | Koral | #FF6F61 | (255, 111, 97) |
26 | Azure | #007FFF | (0, 127, 255) |
27 | Tan | #D2B48C | (210, 180, 140) |
28 | Magenta | #FF00FF | (255, 0, 255) |
29 | Violet | #8F00FF | (143, 0, 255) |
30 | Crimson | #DC143C | (220, 20, 60) |
31 | Indigo | #4B0082 | (75, 0, 130) |
32 | Saffron | #F4C430 | (244, 196, 48) |
33 | Turquoise | #40E0D0 | (64, 224, 208) |
34 | Moccasin | #FFE4B5 | (255, 228, 181) |
35 | Coral | #FF7F50 | (255, 127, 80) |
36 | Gold | #FFD700 | (255, 215, 0) |
37 | Orchid | #DA70D6 | (218, 112, 214) |
38 | Sky Blue | #87CEEB | (135, 206, 235) |
39 | Lavender Blush | #B57EDC | (181, 126, 220) |
40 | Chartreuse | #7FFF00 | (127, 255, 0) |
41 | Chocolate | #D2691E | (210, 105, 30) |
42 | Papaya Whip | #FFEFD5 | (255, 239, 213) |
43 | Thistle | #D8BFD8 | (216, 191, 216) |
44 | Bisque | #FFE4C4 | (255, 228, 196) |
45 | Aquamarine | #7FFFD4 | (127, 255, 212) |
46 | Plum | #DDA0DD | (221, 160, 221) |
47 | Dark Orchid | #9932CC | (153, 50, 204) |
48 | Lawn Green | #7CFC00 | (124, 252, 0) |
49 | Pale Green | #98FB98 | (152, 251, 152) |
50 | Mint Cream | #F5FFFA | (245, 255, 250) |
51 | Wheat | #F5DEB3 | (245, 222, 179) |
52 | Peach Puff | #FFDAB9 | (255, 218, 185) |
53 | Light Pink | #FFB6C1 | (255, 182, 193) |
54 | Lemon Chiffon | #FFFACD | (255, 250, 205) |
55 | Blanched Almond | #FFEBCD | (255, 235, 205) |
56 | Pale Violet | #DB7093 | (219, 112, 147) |
57 | Medium Orchid | #BA55D3 | (186, 85, 211) |
58 | Gainsboro | #DCDCDC | (220, 220, 220) |
59 | Rosy Brown | #BC8F8F | (188, 143, 143) |
60 | Dark Salmon | #E9967A | (233, 150, 122) |
61 | Sienna | #A0522D | (160, 82, 45) |
62 | Light Coral | #F08080 | (240, 128, 128) |
63 | Light Cyan | #E0FFFF | (224, 255, 255) |
64 | Sandy Brown | #F4A460 | (244, 164, 96) |
65 | Lemon Chiffon | #FFFACD | (255, 250, 205) |
66 | Light Yellow | #FFFFE0 | (255, 255, 224) |
67 | Pale Green | #98FB98 | (152, 251, 152) |
68 | Bisque | #FFE4C4 | (255, 228, 196) |
69 | Lavender Blush | #B57EDC | (181, 126, 220) |
70 | Antique White | #FAEBD7 | (250, 235, 215) |
71 | Papaya Whip | #FFEFD5 | (255, 239, 213) |
72 | Cornsilk | #FFF8DC | (255, 248, 220) |
73 | Pink | #FFC0CB | (255, 192, 203) |
74 | Alice Blue | #F0F8FF | (240, 248, 255) |
75 | Ivory | #FFFFF0 | (255, 255, 240) |
76 | Honeydew | #F0FFF0 | (240, 255, 240) |
77 | Lavender | #E6E6FA | (230, 230, 250) |
78 | Mint Cream | #F5FFFA | (245, 255, 250) |
79 | Misty Rose | #FFE4E1 | (255, 228, 225) |
80 | Navy Blue | #000080 | (0, 0, 128) |
81 | Old Lace | #FDF5E6 | (253, 245, 230) |
82 | Olive Drab | #6B8E23 | (107, 142, 35) |
83 | Dark Blue | #00008B | (0, 0, 139) |
84 | Dark Cyan | #008B8B | (0, 139, 139) |
85 | Dark Grey | #A9A9A9 | (169, 169, 169) |
86 | Dark Green | #006400 | (0, 100, 0) |
87 | Dark Magenta | #8B008B | (139, 0, 139) |
88 | Dark Orange | #FF8C00 | (255, 140, 0) |
89 | Dark Red | #8B0000 | (139, 0, 0) |
90 | Dark Violet | #9400D3 | (148, 0, 211) |
91 | Deep Pink | #FF1493 | (255, 20, 147) |
92 | Deep Sky Blue | #00BFFF | (0, 191, 255) |
93 | Dim Grey | #696969 | (105, 105, 105) |
94 | Dodger Blue | #1E90FF | (30, 144, 255) |
95 | Firebrick | #B22222 | (178, 34, 34) |
96 | Floral White | #FFFAF0 | (255, 250, 240) |
97 | Forest Green | #228B22 | (34, 139, 34) |
98 | Ghost White | #F8F8FF | (248, 248, 255) |
99 | Gold | #FFD700 | (255, 215, 0) |
100 | Goldenrod | #DAA520 | (218, 165, 32) |
Manfaat Penggunaan Kode HTML
Penggunaan kode warna HTML memiliki beberapa manfaat, antara lain:
- Meningkatkan Estetika Visual: Dengan menggunakan kode warna HTML, Anda dapat membuat tampilan website Anda lebih menarik dan estetis. Pemilihan kombinasi warna yang tepat akan memberikan kesan yang sesuai dengan tujuan dan identitas merek Anda.
- Meningkatkan Pengalaman Pengguna: Warna dapat mempengaruhi emosi dan mood pengguna saat mengunjungi website. Dengan menggunakan kode warna HTML yang tepat, Anda dapat menciptakan pengalaman pengguna yang lebih menyenangkan dan memudahkan navigasi.
- Memperjelas Informasi: Penggunaan kode warna HTML dapat membantu membedakan elemen-elemen penting pada halaman web, seperti tautan, judul, atau bagian-bagian lain yang perlu ditekankan. Hal ini akan mempermudah pengguna dalam membaca dan memahami konten yang disajikan.
Contoh Penggunaan Kode Warna HTML
<!DOCTYPE html>
<html>
<head>
<title>Contoh Penggunaan Kode Warna HTML</title>
</head>
<body>
<p style="color: #FF0000;">Teks ini memiliki warna merah menggunakan kode warna HTML.</p>
</body>
</html>
Dalam contoh ini, atribut style
digunakan pada elemen <p>
untuk mengubah warna teks menjadi merah (#FF0000).Kamu bisa menyalin kode di atas dan menjalankannya pada browser untuk melihat hasilnya. Teks dalam paragraf tersebut akan ditampilkan dengan warna merah.