Kode warna HTML merupakan hal yang perlu Anda ketahui saat mewarnai. Baik untuk situs web, aplikasi, dan proyek grafis lainnya.
Masalahnya terkadang orang tidak mengetahui kode warna yang ingin digunakan. Apalagi ada dua jenis kode warna di internet: RGB dan Hexadecimal.
Untungnya, pada artikel kali ini kami akan memperkenalkan Anda pada kode warna HTML terlengkap. Penasaran bukan? Yuk, gulir ke bawah!
Kode Warna HTML dan CSS
Di bawah ini daftar lengkap kode warna HTML dan CSS berdasarkan kode Hexadecimal (HEX) dan RGB untuk referensi Anda:
| Hasil Warna | Nama Warna | Kode Warna HEX | Kode Warna RGB |
| . | Alice Biru | #F0F8FF | RGB(240, 248, 254) |
| . | Putih Antik | #FAEBD7 | RGB(251, 235, 217) |
| . | Mereka | #00FFFF | RGB(0, 255, 254) |
| . | Akuamarin | #7FFFD4 | RGB(115, 255, 216) |
| . | Biru langit | #F0FFFF | RGB(239, 255, 255) |
| . | sayang | #F5F5DC | RGB(245, 245, 223) |
| . | Biskuit | #FFE4C4 | RGB(255, 227, 200) |
| . | Hitam | #000000 | RGB(0, 0, 0) |
| . | Almond rebus | #FFEBCD | RGB(255, 234, 208) |
| . | Biru | #0000FF | RGB(0, 0, 255) |
| . | biru ungu | #8A2BE2 | RGB(138, 43, 226) |
| . | Cokelat | #A52A2A | RGB(165, 42, 42) |
| . | kayu tebal | #DEB887 | RGB(222, 184, 135) |
| . | Kadet Biru | #5F9EA0 | RGB(95, 158, 160) |
| . | Minuman keras manis | #7FFF00 | RGB(127, 255, 1) |
| . | Cokelat | #D2691E | RGB(210, 105, 30) |
| . | Karang | #FF7F50 | RGB(251, 127, 80) |
| . | Bunga Jagung Biru | #6495ED | RGB(100, 149, 237) |
| . | rumbai jagung | #FFF8DC | RGB(225, 248, 220) |
| . | Merah | #DC143C | RGB(220, 20, 60) |
| . | cyan | #00FFFF | RGB(62, 254, 255) |
| . | Biru tua | #00008B | RGB(0, 0, 139) |
| . | Cyan Gelap | #008B8B | RGB(29, 139, 139) |
| . | Emas Batangan Gelap | #B8860B | RGB(184, 134, 11) |
| . | Abu-abu gelap | #A9A9A9 | RGB(169, 169, 169) |
| . | Hijau tua | #006400 | RGB(19, 100, 0) |
| . | Khaki Gelap | #BDB76B | RGB(189, 183, 107) |
| . | Magenta Gelap | #8B008B | RGB(139, 0, 140) |
| . | Hijau Zaitun Tua | #556B2F | RGB(85, 107, 47) |
| . | oren tua | #FF8C00 | RGB(251, 140, 1) |
| . | Anggrek Gelap | #9932CC | RGB(153, 50, 204) |
| . | Merah gelap | #8B0000 | RGB(139, 5, 0) |
| . | Salmon Gelap | #E9967A | RGB(233, 150, 122) |
| . | Hijau Laut Gelap | #8FBC8F | RGB(143, 188, 144) |
| . | Biru Batu Tulis Tua | #483D8B | RGB(72, 61, 139) |
| . | Abu-abu Batu Tulis Gelap | #2F4F4F | RGB(47, 79, 79) |
| . | Pirus Gelap | #00CED1 | RGB(48, 206, 209) |
| . | Ungu tua | #9400D3 | RGB(148, 0, 211) |
| . | merah muda tua | #FF1493 | RGB(249, 19, 147) |
| . | Langit Biru Tua | #00BFFF | RGB(43, 191, 254) |
| . | Redupkan Abu-abu | #696969 | RGB(105, 105, 105) |
| . | Melompat Biru | #1E90FF | RGB(30, 144, 255) |
| . | Bata Api | #B22222 | RGB(178, 34, 33) |
| . | Bunga Putih | #FFFAF0 | RGB(255, 250, 240) |
| . | hutan hijau | #228B22 | RGB(34, 139, 35) |
| . | fuchsia | #FF00FF | rgb(249, 0, 255) |
| . | Gainsboro | #DCDCDC | RGB(220, 220, 220) |
| . | Hantu Putih | #F8F8FF | RGB(248, 248, 255) |
| . | Emas | #FFD700 | RGB(253, 215, 3) |
| . | Emas batangan | #DAA520 | RGB(218, 165, 32) |
| . | Abu-abu | #808080 | RGB(128, 128, 128) |
| . | Hijau | #008000 | RGB(27, 128, 1) |
| . | hijau kuning | #ADFF2F | RGB(173, 255, 48) |
| . | embun madu | #F0FFF0 | RGB(240, 255, 240) |
| . | merah muda cerah | #FF69B4 | RGB(240, 255, 240) |
| . | Merah India | #CD5C5C | RGB(205, 92, 92) |
| . | nila | #4B0082 | RGB(75, 0, 130) |
| . | Gading | #FFFF0 | RGB(255, 255, 239) |
| . | Benar | #F0E68C | RGB(240, 230, 140) |
| . | warna lembayung muda | #E6E6FA | RGB(230, 230, 250) |
| . | Perona Pipi Lavender | #FFF0F5 | RGB(254, 240, 245) |
| . | Rumput Hijau | #7CFC00 | RGB(124, 252, 2) |
| . | Sifon Lemon | #FFFACD | RGB(255, 250, 205) |
| . | Biru muda | #TAMBAHKAN8E6 | RGB(173, 216, 230) |
| . | Karang Ringan | #F08080 | RGB(240, 128, 128) |
| . | sian muda | #E0FFFF | RGB(224, 255, 255) |
| . | Emas Batangan Kuning Muda | #FAFAD2 | RGB(250, 250, 210) |
| . | Abu-abu muda | #D3D3D3 | RGB(211, 211, 211) |
| . | Hijau muda | #90EE90 | RGB(144, 238, 144) |
| . | Merah muda terang | #FFB6C1 | RGB(252, 182, 193) |
| . | Salmon Ringan | #FFA07A | RGB(251, 160, 122) |
| . | Hijau Laut Muda | #20B2AA | RGB(40, 178, 170) |
| . | Biru Langit Muda | #87CEFA | RGB(135, 206, 250) |
| . | Abu-abu Batu Tulis Muda | #778899 | RGB(119, 136, 153) |
| . | Baja Ringan Biru | #B0C4DE | RGB(176, 196, 222) |
| . | Kuning muda | #FFFFE0 | RGB(255, 255, 224) |
| . | jeruk nipis | #00FF00 | RGB(63, 255, 0) |
| . | hijau limau | #32CD32 | RGB(50, 205, 50) |
| . | Rantai | #FAF0E6 | RGB(250, 240, 230) |
| . | Wanitanya | #FF00FF | rgb(249, 0, 255) |
| . | Tepian | #800000 | RGB(128, 4, 0) |
| . | Orta Aqua Marine | #66 | RGB(102, 205, 170) |
| . | biru sedang | #0000CD | RGB(0, 0, 205) |
| . | Anggrek Sedang | #BA55D3 | RGB(186, 85, 211) |
| . | Ungu Sedang | #9370DB | RGB(147, 112, 219) |
| . | Hijau Laut Sedang | #3CB371 | RGB(60, 179, 113) |
| . | Biru Batu Tulis Sedang | #7B68EE | RGB(123, 103, 238) |
| . | Hijau Pertengahan Musim Semi | #00FA9A | RGB(62, 250, 153) |
| . | Pirus Sedang | #48D1CC | RGB(72, 209, 204) |
| . | Merah Ungu Sedang | #C71585 | RGB(199, 21, 133) |
| . | biru tengah malam | #191970 | RGB(25, 25, 112) |
| . | krim mint | #F5FFFA | RGB(245, 255, 250) |
| . | Mawar Berkabut | #FFE4E1 | RGB(254, 228, 225) |
| . | Makosen | #FFE4B5 | RGB(254, 228, 181) |
| . | Navajo Putih | #FEDEAT | RGB(254, 222, 173) |
| . | Angkatan laut | #000080 | RGB(0, 0, 128) |
| . | Renda Tua | #FDF5E6 | RGB(253, 245, 230) |
| . | Zaitun | #808000 | RGB(128, 128, 1) |
| . | Zaitun | #6B8E23 | RGB(107, 142, 35) |
| . | Oranye | #FFA500 | RGB(252, 165, 3) |
| . | Oranye Merah | #FF4500 | RGB(250, 69, 1) |
| . | Anggrek | #DA70D6 | RGB(218, 112, 214) |
| . | Emas Batangan Pucat | #EEE8AA | RGB(238, 232, 170) |
| . | hijau pucat | #98FB98 | RGB(152, 251, 153) |
| . | Pirus Pucat | #AFEEEE | RGB(175, 238, 239) |
| . | Merah Ungu Pucat | #DB7093 | RGB(219, 112, 147) |
| . | Cambuk Pepaya | #FFEFD5 | RGB(254, 239, 213) |
| . | Kepulan Persik | #FFDAB9 | RGB(253, 218, 185) |
| . | Peru | #CD853F | RGB(205, 133, 63) |
| . | Tanduk | #FFC0CB | RGB(252, 192, 203) |
| . | Erik | #BABY0DD | RGB(221, 160, 221) |
| . | bubuk biru | #B0E0E6 | RGB(176, 224, 230) |
| . | Tn | #800080 | RGB(128, 0, 128) |
| . | Rebecca Mor | #663399 | RGB(102, 51, 153) |
| . | Merah | #FF0000 | RGB(255, 0, 0) |
| . | Merah Muda Coklat | #BC8F8F | RGB(188, 143, 142) |
| . | biru royal | #4169E1 | RGB(65, 105, 225) |
| . | Pelana Coklat | #8B4513 | RGB(139, 69, 19) |
| . | Sedotan | #FA8072 | RGB(250, 128, 114) |
| . | berpasir coklat | #F4A460 | RGB(244, 164, 95) |
| . | hijau laut | #2E8B57 | RGB(46, 139, 87) |
| . | cangkang laut | #FFF5EE | RGB(255, 245, 238) |
| . | Siena | #A0522D | RGB(160, 82, 45) |
| . | Perak | #C0C0C0 | RGB(192, 192, 192) |
| . | langit biru | #87CEEB | RGB(135, 206, 235) |
| . | Batu Tulis Biru | #6A5ACD | RGB(106, 90, 205) |
| . | Arduvaz Grisi | #708090 | RGB(112, 128, 145) |
| . | Apa | #FFFAFA | RGB(255, 250, 250) |
| . | hijau musim semi | #00FF7F | RGB(63, 255, 128) |
| . | Baja Biru | #4682B4 | RGB(70, 130, 180) |
| . | warna kulit | #D2B48C | RGB(210, 180, 140) |
| . | pirus | #008080 | RGB(26, 128, 127) |
| . | Devidekeni | #D8BFD8 | RGB(216, 191, 216) |
| . | Tomat | #FF6347 | RGB(250, 99, 71) |
| . | Pirus | #40E0D0 | RGB(64, 224, 208) |
| . | Ungu | #EE82EE | RGB(238, 130, 238) |
| . | Gandum | #F5DEB3 | RGB(245, 222, 179) |
| . | Putih | #FFFFFF | RGB(255, 255, 255) |
| . | asap putih | #F5F5F5 | RGB(245, 245, 245) |
| . | Kuning | #FFFF00 | RGB(255, 255, 0) |
| . | Kuning hijau | #9ACD32 | RGB(154, 205, 49) |
Sebagai pelengkap, berikut perbandingan kode warna RGB, HEX, dan HTML CSS untuk berbagai kombinasi kode warna yang masih saling berkaitan:
| Nama Warna | Kode Warna HTML CSS | Kode Warna HEX | Kode Warna RGB |
| salmon ringan | #FFA07A | RGB(255.160.122) | |
| Sedotan | #FA8072 | RGB(250.128.114) | |
| salmon hitam | #E9967A | RGB(233.150.122) | |
| karang ringan | #F08080 | RGB(240.128.128) | |
| merah India | #CD5C5C | RGB(205,92,92) | |
| merah | #DC143C | RGB(220,20,60) | |
| batu bata api | #B22222 | RGB(178,34,34) | |
| merah | #FF0000 | RGB(255,0,0) | |
| merah gelap | #8B0000 | RGB(139,0,0) |
Sampai di sini Anda sudah mengetahui daftar lengkap kode warna dalam HTML. Namun sebagian dari Anda mungkin masih bingung tentang perbedaan kode RGB dan kode HEX.
Keduanya akan dibahas pada poin berikutnya. Mari kita lihat bersama!
Apa itu Kode Warna RGB dan HEX?
RGB adalah kode warna yang terdiri dari tiga bagian angka. Ketiga bagian ini dipisahkan dengan koma, misalnya “rgb(251, 235, 217)”. Setiap digit kode mewakili warnamerah (merah),hijau (hijau),biru (biru) atau #RRGGBB.
Mungkin Anda bertanya-tanya, kenapa harus merah, hijau, dan biru?
Karena ketiganya merupakan warna primer yang biasa digunakan pada layar web dan komputer. Selain itu, lebih dari 16 juta warna dapat muncul dari kombinasi ketiga warna ini!
Selain kode RGB, ada juga kode Hexadecimal atau lebih dikenal dengan HEX.
Kode HEX biasanya berupa tipe yang dimulai dengan “#”. Saat mendesain sesuatu, Anda pasti pernah melihat kode warna HEX seperti kombinasi warna #92a8d1 dan #ff0000.
Faktanya, tidak ada perbedaan mencolok antara HEX dan RGB selain jumlah digitnya. Apa pun bisa digunakan saat Anda menggunakan CSS dan HTML sebagai kode warna.
Kalian pasti sudah pada tahu kan apa itu kode warna RGB dan HEX HTML? Selanjutnya kami mengajak Anda untuk mempelajari cara menggunakan kode warna HTML CSS.
Gulir lurus ke bawah, oke?
Bagaimana Cara Menggunakan Kode Warna HTML CSS Lengkap?
Penggunaan daftar warna HTML CSS dan warna RGB dapat diterapkan pada website. Anda dapat menggunakan kode ini di hampir semua bagian seperti karakter, latar belakang, batas.
Berikut beberapa cara menggunakan kode warna CSS dan HTML:
Bagaimana Cara Menggunakan Kode Warna HTML pada Karakter?
| 1
2 3 4 5 6 7 8 9 |
<!DOKTER HTML>
<HTML> <tubuh> <P<font size=”3″ color=”#ff0000″>Daftar Kode Warna HTML CSS</font></P> <P<font size=”2″ color=”#00ff00″>Daftar Kode Warna HTML CSS</font></P> <P<font face=”verdana” color=”#0000ff”>Daftar Kode Warna HTML</font></P> <P<kuat>Tidak:</kuat> Elemen font hanya mendukung HTML 5. Gunakan CSS sebagai gantinya</P> </tubuh> </HTML> |
Script di atas akan membuat gambar seperti berikut:
Daftar Kode Warna HTML CSS
Daftar Kode Warna HTML CSS
Daftar Kode Warna HTML
Catatan: Elemen font hanya didukung di HTML 5. Gunakan CSS sebagai gantinya.
Bagaimana Cara Menggunakan Kode Warna HTML Lengkap di Latar Belakang?
| 1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<!DOKTER HTML>
<HTML> <MENDIRIKAN> <gaya> #p1 {warna latar belakang:#ff0000;} #p2 {warna latar belakang:#00ff00;} #p3 {warna latar belakang:#0000ff;} #p4 {warna latar belakang:#ffff00;} #p5 {warna latar belakang:#ff00ff;} </gaya> </MENDIRIKAN> <tubuh> <P>Beberapa Contoh Kode Warna Tepat:</P> <P id=”p1″>Merah</P> <P id=”p2″>Hijau</P> <P id=”p3″>Mavi</P> <P id=”p4″>Kuning</P> <P id=”p5″>Keris</P> </tubuh> </HTML> |
Kode di atas menghasilkan layar seperti ini:
Beberapa Contoh Kode Warna Tepat:
Merah
Hijau
Biru
Kuning
ceri
Bagaimana Cara Menggunakan Kode Warna HTML di Perbatasan?
| 1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<!DOKTER HTML>
<HTML> <MENDIRIKAN> <gaya> jam2 { gaya perbatasan: padat; warna batas: #92a8d1; } div { gaya perbatasan: padat; warna batas: #92a8d1; } </gaya> </MENDIRIKAN> <tubuh> <P>Daftar Kode Warna HTML CSS</P> <div>Nilai warna batas dapat diatur menggunakan nomor kode heksadesimal.</div> <P<kuat>Tidak:</kuat> warna batas tidak berfungsi jika digunakan sendiri. Untuk mengatur warna border kode HTML, pertama-tama gunakan properti border-style.</P> </tubuh> </HTML> |
Daftar Kode Warna HTML CSS
Nilai warna batas dapat diatur menggunakan nomor kode heksadesimal.
Catatan: warna batas saja tidak berfungsi. Untuk mengatur warna batas kode HTML, pertama-tama gunakan properti border-style.
10 Situs Web Tempat Anda Dapat Menemukan Kombinasi Kode Warna yang Tepat
Ingin mencoba kombinasi kode warna berbeda tanpa repot? Tak perlu khawatir, berikut daftar lengkap kombinasi website yang bisa Anda coba.
1.Kanva
Kanvas: Alat desain grafis online dengan banyak fitur. Ya salah satunyaroda warnaini memungkinkan Anda bermain dengan kombinasi kode warna HTML yang berbeda.
Yang patut diapresiasi adalah Canva menjelaskan teori warna dan juga roda warna. Jadi Anda juga bisa belajar dengan mencoba.
2. Adobe Warna CC
Seperti yang Anda ketahui, brand raksasa dunia desain grafis ini juga memiliki roda warna gratis yang bisa Anda gunakan untuk kombinasi warna CSS.
Berbeda dengan Canva Adobe Warna CC Ini lebih kompleks dengan banyak pilihan pengaturan. Oleh karena itu, website ini sangat cocok bagi Anda yang ingin bereksperimen dengan kombinasi kode warna HTML secara lebih mendalam.
3.paletton
Situs kombinasi kode warna tepat berikutnya paletton. Kami dapat mengatakan bahwa fitur Paletton ini berada di tengah-tengah antara Canva dan Adobe Color CC; Sederhana namun memiliki banyak fitur.
Selain itu, tepat di bawah roda warna terdapat panduan lengkap tentang cara menggunakan Paletton. Jadi jika Anda bingung, Anda bisa langsung membaca panduannya.
4.pendingin
pendingin cukup berbeda dengan situs kombinasi RGB sebelumnya. Karena pertama-tama Anda harus memilih warna yang ditampilkan secara acak sesuai dengan koleksi Coolors.
Namun Anda tidak perlu khawatir. Setelah memilih kode warna sesuai HTML, Anda dapat dengan bebas mengubah warna dan bereksperimen sesuai keinginan.
5.Bola Warna Kubus Lumpur
Bola Warna Kubus Lumpur Ini adalah situs web kombinasi warna yang sederhana dan sangat mudah digunakan. Cukup geser slide yang tersedia atau gerakkan tanda panah untuk mendapatkan kombinasi warna.
6.Periksa Warna Saya
Seperti namanya, Periksa Warna Saya akan memeriksa kombinasi warna situs web untuk melihat apakah kontras warnanya bagus. Jadi selain mengetahui kombinasi warna apa yang akan digunakan, Anda juga mengetahui apakah kombinasi kode warna HTML tersebut cocok untuk digunakan.
7.Warna Mata-Mata
Warna Mata-Mata Merupakan website kombinasi kode warna lengkap yang memungkinkan Anda mencari informasi lengkap tentang kode warna dalam HTML. Mulai dari nama, kode hex, angka RGB, angka CMYK dan masih banyak lagi. Sangat menarik bukan?
8.Penjelajah Warna
Website kombinasi kode warna RGB berikutnya Penjelajah Warna. Di sini Anda dapat bereksperimen tidak hanya dengan kode warna tetapi juga dengan gambar, halaman situs web, tata letak, dan banyak lagi.
9. Pemilih Warna HTML W3School
Pemilih Warna HTML W3School Anda dapat menggunakannya untuk memilih warna berdasarkan warna dasar. Anda dapat memilih tingkat saturasinya dan melihat hasilnya secara langsung (preview).
Selain itu, ada juga opsi untuk memasukkan warna sesuai kode dan membuka jendela HTML 5 untuk pemilihan warna. Anda dapat dengan mudah mempelajari kode warna CSS, HTML dan RGB di situs ini.
Baca Juga: Inilah Kode Warna HTML Lengkap – HTML Color Code & Color Picker
10. Kode Warna HTML
Kode Warna HTML Ini adalah situs web sederhana yang menyediakan layar pemilihan warna. Cukup gerakkan kursor ke tabel warna atau gerakkan slider untuk mendapatkan warna yang sesuai dengan kode warna dalam format heksadesimal.
Yuk Terapkan Kombinasi Kode Warna HTML Terbaik!
Penting untuk mengetahui daftar kode warna HTML, kode warna CSS dan kode warna RGB. Karena sejauh ini HTML: Sebuah bahasa markup yang masih banyak digunakan untuk berbagai keperluan.
Penggunaan kode warna yang tepat baik pada HTML, CSS maupun RGB digunakan dalam berbagai bagian pengembangan website. Warna juga dapat mempengaruhi aspek psikologis seseorang. Oleh karena itu, pemilihan warna yang tepat dan menarik dapat mempengaruhi pengalaman pengguna pengunjung.
Website yang menarik tentu dapat membuat pengunjung betah dan ingin berkunjung lagi. Salah satu caranya adalah dengan menggabungkan beberapa warna dalam satu halaman website.
Daftar lengkap kode warna HTML di atas mungkin sedikit membantu anda dalam memahami cara mewarnai website dan cara mengaplikasikannya agar pengunjung semakin nyaman dan ingin mengunjungi situs tersebut kembali, semoga artikel ini bermanfaat. Anda dapat mengklik tombol Berlangganan untuk mendapatkan update artikel terbaru dari kami.