Kode warna HTML adalah sistem pengkodean yang harus Anda ketahui saat mendesain suatu website untuk menentukan warna dan juga menampilkan warna. Pemilihan warna yang tepat saat mendesain website bisa meningkatkan branding, sehingga memiliki peran penting dalam hal penjualan produk.
Ada beberapa jenis warna yang paling umum dipakai, seperti HEX, RGB dan CMYK. Warna pada produk bisa mempengaruhi sekitar 80% pada keputusan pembelian barang bagi pembeli. Lihat daftar kode warna HTML selengkapnya di bawah ini.
Jenis-jenis Kode Warna HTML
Jenis-jenis kode warna yang paling umum dipakai adalah:
RGB
RGB atau red, green dan blue merupakan kode warna additive yang dipakai untuk merender warna di layar digital. Kode warnanya juga memiliki rentang spektrum warna lebih luas dari CMYK. Warna yang dihasilkan lebih cerah dan Anda bisa menggunakan kode warna HTML RGB di layar komputer.
CMYK
CMYK atau cyan, magenta, yellow dan key/black merupakan kode warna subtractive yang biasa dipakai untuk pencetakan. Kode HTML warna CMYK lebih cocok untuk mendesain yang akan dicetak supaya memproduksi warna secara akurat.
HEX
HEX merupakan representasi warna RGB dengan forman heksadesimal yang bisa dibaca oleh browser. Oleh sebab itu, kamu bisa memilih kode warna HTML jenis satu ini untuk mendefinisikan warna di elemen website sebab termasuk format yang bisa dibaca browser.
Daftar Kode Warna HTML Lengkap
Berikut ini merupakan kode warna html lengkap full color yang bisa Anda jadikan panduan warna saat mendesain suatu website:
| Nama Warna | REX | RGB |
| Alice Blue | #F0F8FF | rgb(240, 248, 254) |
| Antique White | #FAEBD7 | rgb(251, 235, 217) |
| Azure | #F0FFFF | rgb(239, 255, 255) |
| Aqua | #00FFFF | rgb(0, 255, 254) |
| Aquamarine | #7FFFD4 | rgb(115, 255, 216) |
| Black | #000000 | rgb(0, 0, 0) |
| Blanched Almond | #FFEBCD | rgb(255, 234, 208) |
| Beige | #F5F5DC | rgb(245, 245, 223) |
| Bisque | #FFE4C4 | rgb(255, 227, 200) |
| Brown | #A52A2A | rgb(165, 42, 42) |
| Burly Wood | #DEB887 | rgb(222, 184, 135) |
| Blue | #0000FF | rgb(0, 0, 255) |
| Blue Violet | #8A2BE2 | rgb(138, 43, 226) |
| Chocolate | #D2691E | rgb(210, 105, 30) |
| Coral | #FF7F50 | rgb(251, 127, 80) |
| 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) |
| Crimson | #DC143C | rgb(220, 20, 60) |
| Cyan | #00FFFF | rgb(62, 254, 255) |
| Dark GoldenRod | #B8860B | rgb(184, 134, 11) |
| Dark Gray | #A9A9A9 | rgb(169, 169, 169) |
| Dark Blue | #00008B | rgb(0, 0, 139) |
| Dark Cyan | #008B8B | rgb(29, 139, 139) |
| Dark Green | #006400 | rgb(19, 100, 0) |
| Dark Khaki | #BDB76B | rgb(189, 183, 107) |
| Dark Orange | #FF8C00 | rgb(251, 140, 1) |
| Dark Salmon | #E9967A | rgb(233, 150, 122) |
| Dark Sea Green | #8FBC8F | rgb(143, 188, 144) |
| Dark Orchid | #9932CC | rgb(153, 50, 204) |
| Dark Red | #8B0000 | rgb(139, 5, 0) |
| Dark Turquoise | #00CED1 | rgb(48, 206, 209) |
| Dark Violet | #9400D3 | rgb(148, 0, 211) |
| Dark Slate Blue | #483D8B | rgb(72, 61, 139) |
| Dark Slate Gray | #2F4F4F | rgb(47, 79, 79) |
| Dim Gray | #696969 | rgb(105, 105, 105) |
| Dodger Blue | #1E90FF | rgb(30, 144, 255) |
| Deep Pink | #FF1493 | rgb(249, 19, 147) |
| Deep Sky Blue | #00BFFF | rgb(43, 191, 254) |
| Forest Green | #228B22 | rgb(34, 139, 35) |
| Fuchsia | #FF00FF | rgb(249, 0, 255) |
| Gold | #FFD700 | rgb(253, 215, 3) |
| GoldenRod | #DAA520 | rgb(218, 165, 32) |
| Gainsboro | #DCDCDC | rgb(220, 220, 220) |
| Ghost White | #F8F8FF | rgb(248, 248, 255) |
| Green Yellow | #ADFF2F | rgb(173, 255, 48) |
| Gray | #808080 | rgb(128, 128, 128) |
| Green | #008000 | rgb(27, 128, 1) |
| Hot Pink | #FF69B4 | rgb(240, 255, 240) |
| Honey Dew | #F0FFF0 | rgb(240, 255, 240) |
| Indigo | #4B0082 | rgb(75, 0, 130) |
| Ivory | #FFFFF0 | rgb(255, 255, 239) |
| Indian Red | #CD5C5C | rgb(205, 92, 92) |
| Khaki | #F0E68C | rgb(240, 230, 140) |
| Lawn Green | #7CFC00 | rgb(124, 252, 2) |
| Lemon Chiffon | #FFFACD | rgb(255, 250, 205) |
| Lavender | #E6E6FA | rgb(230, 230, 250) |
| Lavender Blush | #FFF0F5 | rgb(254, 240, 245) |
| Light Blue | #ADD8E6 | rgb(173, 216, 230) |
| Light Coral | #F08080 | rgb(240, 128, 128) |
| Lawn Green | #7CFC00 | rgb(124, 252, 2) |
| Lemon Chiffon | #FFFACD | rgb(255, 250, 205) |
| Light Green | #90EE90 | rgb(144, 238, 144) |
| Light Pink | #FFB6C1 | rgb(252, 182, 193) |
| Light GoldenRod Yellow | #FAFAD2 | rgb(250, 250, 210) |
| Light Gray | #D3D3D3 | rgb(211, 211, 211) |
| Light Salmon | #FFA07A | rgb(251, 160, 122) |
| Light Sea Green | #20B2AA | rgb(40, 178, 170) |
| Light Slate Gray | #778899 | rgb(119, 136, 153) |
| Light Steel Blue | #B0C4DE | rgb(176, 196, 222) |
| Light Sea Green | #20B2AA | rgb(40, 178, 170) |
| Light Sky Blue | #87CEFA | rgb(135, 206, 250) |
| Light Yellow | #FFFFE0 | rgb(255, 255, 224) |
| Lime | #00FF00 | rgb(63, 255, 0) |
| Light Slate Gray | #778899 | rgb(119, 136, 153) |
| Light Steel Blue | #B0C4DE | rgb(176, 196, 222) |
| Linen | #FAF0E6 | rgb(250, 240, 230) |
| Lime Green | #32CD32 | rgb(50, 205, 50) |
| Medium Aquamarine | #66CDAA | rgb(102, 205, 170) |
| Medium Blue | #0000CD | rgb(0, 0, 205) |
| Magenta | #FF00FF | rgb(249, 0, 255) |
| Maroon | #800000 | rgb(128, 4, 0) |
| Medium Orchid | #BA55D3 | rgb(186, 85, 211) |
| Medium Spring Green | #00FA9A | rgb(62, 250, 153) |
| Mint Cream | #F5FFFA | rgb(245, 255, 250) |
| Misty Rose | #FFE4E1 | rgb(254, 228, 225) |
| Medium Violet Red | #C71585 | rgb(199, 21, 133) |
| Midnight Blue | #191970 | rgb(25, 25, 112) |
| Navy | #000080 | rgb(0, 0, 128) |
| Navajo White | #FFDEAD | rgb(254, 222, 173) |
| Orange | #FFA500 | rgb(252, 165, 3) |
| Olive | #808000 | rgb(128, 128, 1) |
| Orange Red | #FF4500 | rgb(250, 69, 1) |
| Purple | #800080 | rgb(128, 0, 128) |
| Plum | #DDA0DD | rgb(221, 160, 221) |
| Powder Blue | #B0E0E6 | rgb(176, 224, 230) |
| Sea Green | #2E8B57 | rgb(46, 139, 87) |
| Saddle Brown | #8B4513 | rgb(139, 69, 19) |
| Steel Blue | #4682B4 | rgb(70, 130, 180) |
| Snow | #FFFAFA | rgb(255, 250, 250) |
| Spring Green | #00FF7F | rgb(63, 255, 128) |
| Thistle | #D8BFD8 | rgb(216, 191, 216) |
| Tomato | #FF6347 | rgb(250, 99, 71) |
| Tan | #D2B48C | rgb(210, 180, 140) |
| Teal | #008080 | rgb(26, 128, 127) |
| Turquoise | #40E0D0 | rgb(64, 224, 208) |
| Violet | #EE82EE | rgb(238, 130, 238) |
| White | #FFFFFF | rgb(255, 255, 255) |
| Yellow Green | #9ACD32 | rgb(154, 205, 49) |
| Yellow | #FFFF00 | rgb(255, 255, 0) |
Nah, itulah daftar kode warna HTML terlengkap yang bisa Anda gunakan untuk mendesain website agar tampilannya lebih menarik.
Rekomendasi Website untuk Mencari Kombinasi Warna
Beberapa rekomendasi website yang bisa Anda akses untuk mendapatkan kombinasi warna terlengkap, termasuk kode warna hitam HTML adalah:
1. Coolors
Coolors merupakan salah satu situs yang bisa Anda gunakan untuk mendapatkan kombinasi warna saat membuat kode warna HTML lengkap. Anda dapat memilih warna secara acak sesuai dengan pilihan warna yang tersedia.
2. Paletton
Paletton juga rekomendasi situs untuk menemukan palet dan skema warna yang cukup bagus untuk Anda mendapatkan kode warna di HTML yang tepat. Di website ini, Anda bisa memilih warna dasar, maka akan menghasilkan palet warna sesuai dengan skemanya.
3. Adobe Color CC
Fitur yang tersedia di website ini juga menyediakan kombinasi warna HTML kode atau CSS saat Anda mendesain website. Bagi Anda yang sedang belajar membuat dan mendesain website perlu meningkatkan skillnya melalui kursus website. Nah, Anda bisa coba kursus online dengan harga terjangkau di CourseNet.
4. Canva
Canva merupakan situs yang paling populer untuk menemukan kombinasi warna yang lengkap. Anda bisa memanfaatkan situs ini untuk mendapatkan kombinasi warna kode HTML.
5. Coloe Explorer
Di situs ini Anda tidak hanya bisa bereksperimen dan mencari kombinasi warna saja, namun juga bisa menerapkan kombinasi warna ke sejumlah objek, seperti halaman web, layout, web dan lainnya. Oleh sebab itu, situs ini memungkinkan Anda untuk menemukan kode warna HTML.
Itulah semua daftar kode warna HTML terlengkap yang bisa Anda manfaatkan saat mendesain suatu web agar tampilannya lebih menarik dan bisa meningkatkan penjualan.
