Berikut ini saya sediakan beberapa kode warna html yang bisa anda pergunakan sesuai kebutuhan
Tabel Kode Warna HTML Lengkap
Kode warna HTML merupakan bagian penting dalam dunia desain website dan pengembangan tampilan antarmuka modern. Dengan menggunakan kombinasi warna yang tepat, sebuah website dapat terlihat lebih menarik, profesional, dan nyaman dilihat oleh pengunjung. Dalam HTML dan CSS, warna biasanya ditulis menggunakan format HEX, RGB, maupun nama warna langsung seperti red, blue, atau green.
Format HEX terdiri dari enam digit kombinasi angka dan huruf yang diawali tanda pagar (#). Contohnya adalah #FF0000 untuk warna merah dan #0000FF untuk warna biru. Sedangkan format RGB menggunakan kombinasi nilai merah, hijau, dan biru seperti rgb(255,0,0). Kedua format ini sangat umum digunakan oleh developer maupun desainer UI modern.
Pemilihan warna yang tepat sangat mempengaruhi pengalaman pengguna saat mengakses website, terutama pada perangkat Android maupun tampilan mobile responsive. Desain bergaya Material UI biasanya menggunakan warna yang lembut, bayangan halus, dan kombinasi warna yang seimbang agar tampilan lebih modern serta nyaman digunakan. Seperti pada postingan sebelumnya Cara menulis Text html yang sebagian di beri warna.
Tabel warna HTML juga memudahkan pengguna dalam memilih warna secara cepat tanpa harus mencari kode satu per satu. Dengan adanya preview warna langsung pada tabel, pengguna dapat melihat hasil warna secara real time sehingga proses desain menjadi lebih praktis dan efisien.
Berikut ini adalah beberapa contoh warna populer lengkap dengan nama warna, kode HEX, kode RGB, dan tampilan warnanya. Tabel ini dapat digunakan sebagai referensi dalam membuat website, blog, landing page, maupun aplikasi berbasis HTML dan CSS.
Tabel Kode Warna HTML
| No | Nama | Kode HEX | Kode RGB | View |
|---|---|---|---|---|
| 1 | Black | #000000 | rgb(0,0,0) | |
| 2 | White | #FFFFFF | rgb(255,255,255) | |
| 3 | Red | #FF0000 | rgb(255,0,0) | |
| 4 | Green | #008000 | rgb(0,128,0) | |
| 5 | Blue | #0000FF | rgb(0,0,255) | |
| 6 | Yellow | #FFFF00 | rgb(255,255,0) | |
| 7 | Orange | #FFA500 | rgb(255,165,0) | |
| 8 | Purple | #800080 | rgb(128,0,128) | |
| 9 | Pink | #FFC0CB | rgb(255,192,203) | |
| 10 | Brown | #A52A2A | rgb(165,42,42) | |
| 11 | Gray | #808080 | rgb(128,128,128) | |
| 12 | Cyan | #00FFFF | rgb(0,255,255) | |
| 13 | Magenta | #FF00FF | rgb(255,0,255) | |
| 14 | Lime | #00FF00 | rgb(0,255,0) | |
| 15 | Navy | #000080 | rgb(0,0,128) | |
| 16 | Teal | #008080 | rgb(0,128,128) | |
| 17 | Gold | #FFD700 | rgb(255,215,0) | |
| 18 | Silver | #C0C0C0 | rgb(192,192,192) | |
| 19 | Coral | #FF7F50 | rgb(255,127,80) | |
| 20 | Indigo | #4B0082 | rgb(75,0,130) | |
| 11 | Gray | #808080 | rgb(128,128,128) | |
| 12 | Silver | #C0C0C0 | rgb(192,192,192) | |
| 13 | Gold | #FFD700 | rgb(255,215,0) | |
| 14 | Cyan | #00FFFF | rgb(0,255,255) | |
| 15 | Magenta | #FF00FF | rgb(255,0,255) | |
| 16 | Lime | #00FF00 | rgb(0,255,0) | |
| 17 | Navy | #000080 | rgb(0,0,128) | |
| 18 | Teal | #008080 | rgb(0,128,128) | |
| 19 | Olive | #808000 | rgb(128,128,0) | |
| 20 | Maroon | #800000 | rgb(128,0,0) | |
| 21 | Coral | #FF7F50 | rgb(255,127,80) | |
| 22 | Salmon | #FA8072 | rgb(250,128,114) | |
| 23 | Tomato | #FF6347 | rgb(255,99,71) | |
| 24 | Khaki | #F0E68C | rgb(240,230,140) | |
| 25 | Lavender | #E6E6FA | rgb(230,230,250) | |
| 26 | Indigo | #4B0082 | rgb(75,0,130) | |
| 27 | Violet | #EE82EE | rgb(238,130,238) | |
| 28 | Plum | #DDA0DD | rgb(221,160,221) | |
| 29 | Crimson | #DC143C | rgb(220,20,60) | |
| 30 | Chocolate | #D2691E | rgb(210,105,30) | |
| 31 | Tan | #D2B48C | rgb(210,180,140) | |
| 32 | Beige | #F5F5DC | rgb(245,245,220) | |
| 33 | Mint | #98FF98 | rgb(152,255,152) | |
| 34 | Turquoise | #40E0D0 | rgb(64,224,208) | |
| 35 | Aqua | #00FFFF | rgb(0,255,255) | |
| 36 | Sky Blue | #87CEEB | rgb(135,206,235) | |
| 37 | Deep Sky Blue | #00BFFF | rgb(0,191,255) | |
| 38 | Royal Blue | #4169E1 | rgb(65,105,225) | |
| 39 | Slate Blue | #6A5ACD | rgb(106,90,205) | |
| 40 | Dodger Blue | #1E90FF | rgb(30,144,255) | |
| 41 | Forest Green | #228B22 | rgb(34,139,34) | |
| 42 | Sea Green | #2E8B57 | rgb(46,139,87) | |
| 43 | Spring Green | #00FF7F | rgb(0,255,127) | |
| 44 | Dark Green | #006400 | rgb(0,100,0) | |
| 45 | Light Green | #90EE90 | rgb(144,238,144) | |
| 46 | Hot Pink | #FF69B4 | rgb(255,105,180) | |
| 47 | Deep Pink | #FF1493 | rgb(255,20,147) | |
| 48 | Light Pink | #FFB6C1 | rgb(255,182,193) | |
| 49 | Rosy Brown | #BC8F8F | rgb(188,143,143) | |
| 50 | Fire Brick | #B22222 | rgb(178,34,34) |
Pertanyaan Umum
1. Apa itu kode warna HTML?
Kode warna HTML adalah kombinasi angka atau huruf yang digunakan untuk menentukan warna pada tampilan website menggunakan HTML dan CSS.
2. Apa perbedaan HEX dan RGB?
HEX menggunakan format hexadecimal seperti #FF0000, sedangkan RGB menggunakan kombinasi nilai merah, hijau, dan biru seperti rgb(255,0,0).
3. Mengapa tabel warna HTML penting?
Tabel warna memudahkan developer dan desainer dalam memilih warna yang sesuai untuk website atau aplikasi.
4. Apa kode warna untuk hitam dan putih?
Hitam menggunakan kode #000000 sedangkan putih menggunakan kode #FFFFFF.
5. Apakah kode warna HTML bisa digunakan di Blogspot?
Ya, semua kode warna HTML dapat digunakan di Blogspot, website statis, maupun framework modern lainnya.
6. Bagaimana cara mengganti warna background website?
Warna background dapat diganti menggunakan properti CSS background atau background-color.
7. Apa warna yang cocok untuk desain Material UI?
Biasanya menggunakan kombinasi warna biru, putih, abu-abu, dan warna soft modern agar tampilan lebih nyaman dilihat.
8. Apakah semua browser mendukung kode warna HTML?
Ya, hampir semua browser modern mendukung format warna HEX, RGB, dan nama warna HTML.