Daftar Kode Warna HTML Lengkap Full Color
Bagi setiap orang pandangan/persepsi sebuah warna memiliki perbedaan antara satu dengan lainnya. Itulah sebabnya terjadi perbedaan stimulus eksternal terhadap reaksi seseorang. Alasan itu mengapa seorang web designer sangatlah perlu memahami betul penggunaan dan kombinasi kode warna CSS dan HTML pada sebuah website.
Skema pemilihan komposisi Code Warna HTML pada proses pembuatan website menjadi tantangan tersendiri bagi blogger maupun web developer. Tahapan ini tidak hanya membutuhkan waktu lama, tapi juga memerlukan pemahaman psikologi agar nantinya bisa disukai banyak pengguna.
Lantas, apa sebenarnya yang dimaksud dengan kode warna HTML ? Apa sebenarnya yang dimaksud dengan kode warna CSS ?
Didalam dunia pemrograman, penerapan kombinasi warna sendiri dilakukan dengan menuliskan susunan enam karakter alfanumerik atau hexadecimal. Biasanya struktur kode warna HTML dituliskan dalam komposisi triplets, dimana setiap dua digit karakter mewakili warna dasar berbasis RGB (Red, Green, Blue) atau #RRGGBB.
Kode warna HTML (Hypertext Markup Language) ditandai dengan enam karakter setelah tagar (#), misalnya #000000. Warna HTML diatur dengan menggunakan kode HEX yang merupakan gagasan heksadesimal dari RGB.
Perlu Sobat semua ingat bahwa warna diwakili oleh tiga kelompok angka HEX, dimana untuk setiap kelompok akan merepresentasikan warna tertentu.
Tiga warna tersebut antara lain merah, hijau, dan biru dengan model warna yang tersusun dari ketiganya dan disebut dengan RGB (Red, Green, Blue).
Dengan bantuan CSS (Cascading Style Sheets) Sobat bisa membuat latar belakang halaman web dan entri lainnya, Alasannya karena Background dari sebuah website merupakan bagian penting yang perlu mendapat perhatian juga.
Selain dari itu, CSS juga memungkinkan Sobat untuk menggunakan warna yang masing-masing diwakili oleh nama, kode RGB, atau kode HEX dalam penerapannya.
Selain bisa digunakan untuk mempercantik tampilan website atau blog, kode warna HTML ini juga dapat dipergunakan sebagai referensi bagi desainer grafis saat membuat banner, poster, maupun logo di aplikasi komputer ataupun smartphone.
Contoh Kombinasi Warna Website Terbaik di Tahun Ini
Admin sudah mengumpulkan daftar skema warna yang unik dan menarik dari beberapa website yang sempat mendapatkan penghargaan di ajang kompetisi web design ditahun ini.
Daftar ini mencakup berbagai skema warna seperti earthy, elegant, bold, dan masih banyak lagi.
Sobat semua bisa menggunakan salah satu atau bahkan beberapa dari daftar Kombinasi Warna Website Terbaik di bawah ini sebagai inspirasi dan referensi.
Warna-warna ini adalah warna analog, yang berarti mereka berdekatan dalam spektrum lingkaran warna. Warna pekat & gelap, sangat cocok untuk sebuah industri atau konstruksi.
Tema ini berisi warna yang diambil dari alam. Tambahan warna keemasan memberi kombinasi nuansa serta lebih menciptakan kontras antara warna-warna lain, memberi pengaruh saat digunakan sebagai teks di atas latar belakang.
Desain dengan dominasi warna biru aqua bisa menjadi alternatif desain terbaik yang bisa diterapkan kedalam website modern. Website seperti ini sangat cocok untuk mempresentasikan perusahaan dengan target utama anak muda atau generasi milenial yang sehari-hari akrab dengan teknologi.
Kreasi cerdas ini menggabungkan warna sejuk, hangat, segar & kontemporer. Sebuah campuran modern, tema warna website ini berguna untuk membaur berbagai warna kombinasi. Penggunaan warna koral menghangatkan serta sangat mengundang, memberi sebuah transisi yang baik dari warna sejuk.
Kombinasi warna yang digunakan pada skema ini adalah goldenrod, vermillion, biru tua, dan Dutch white yang dapat menghidupkan desain bernuansa artistik dan kreatif. Kombinasi warna ini cocok digunakan untuk website yang menyimpan arsip online karya musik.
Inspirasi warna ini berasal dari karakteristik perusahaan yang tenang dan bisa diandalkan.
Cerminan ini bisa dilihat dengan jelas pada kombinasi warna biru tua imperials dan hijau zamrud yang mendominasi bagian latar belakang.
Dasar kombinasi warna ini terdiri dari warna gradien biru. Warna Gunmetal & Cashmere mengandung kehangatan yang mengimbangi dengan baik kesejukkan warna biru. Kombinasi ini netral bagi pria maupun wanita, sangat baik digunakan untuk acara pernikahan ataupun perayaan.
Perpaduan warna crayon yang ceria pada desain ini sangat cocok untuk diaplikasikan kedalam website perusahaan yang mengusung visi optimis. Untuk menambah kesan kekinian, Sobat bisa menambahkan elemen berbasis Flat desain yang saat ini sedang digandrungi oleh para webmaster untuk mengundang banyak kunjungan.
Dasar warna yang digunakan pada skema warna ini adalah warna merah pada Bendera Polandia, dan dibarengi dengan kombinasi antara warna merah tua dengan merah muda gelap di atas background abu-abu terang. Skema warna ini menawarkan nuansa yang hidup dan minimalis.
Sangat unik dan menyenangkan ketika melihat website perusahaan yang mengusung konsep flat atau datar pada elemen yang digunakan. Sobat bisa melihat pada contoh perpaduan kode warna HTML pada gambar ini, dimana hampir sepenuhnya tidak menggunakan efek tiga dimensi.
Perpaduan unik dari warna kulit dan warna yang lebih elegan seperti dark imperial blue dan ruby membuat skema warna ini ideal untuk desain website yang bertujuan untuk menyampaikan pesan tertentu. Nuansa yang ditampilkan cenderung elegan namun masih tergolong menyenangkan.
Umumnya warna dasar biru menciptakan suasana hati yang sejuk. Tema warna website ini digabungkan dengan dua warna hangat (kain linen & buah kismis) untuk menghilangkan garis tepi. Sebuah kombinasi modern untuk interior atau produk peralatan rumah tangga.
Kombinasi warna diatas cukup fleksibel dan dapat digunakan dalam berbagai macam proyek, mulai dari laporan perusahaan yang tampak modern hingga majalah dan konten editorial yang sederhana tapi tetap bernuansa Elegan.
Kamu bisa menerapkan kode warna HEX langsung pada elemen HTML <body> menggunakan atribut style seperti di bawah ini.
<body style=”background-color:#FF0000;”>
</body>
<font color = “# ff0000”> text </font>
Warna dalam HTML harus didefinisikan sebagai kode HEX, yang merupakan kode enam digit yang mewakili jumlah warna merah, hijau, dan biru (RGB), misal:
<font color = “green”> text </font>
Bagi browser dengan versi baru memungkinkan Sobat perintah huruf dan angka bisa hanya dengan memberi nama warna seperti yang dicontohkan di atas, sehingga memudahkan kita dalam penerapan warna html, tetapi untuk versi yang sedikit lawas opsi yang ada mungkin lebih terbatas.
Metode di atas bisa digunakan untuk menata hampir semua elemen HTML. Namun, perlu diingat bahwa langkah-langkahnya mungkin berbeda, tergantung pada apakah elemen-elemen tersebut sebaris atau bertingkat.
Kesimpulan Pembahasan Kode Warna HTML
Karena betapa pentingnya desain warna bagi suatu website berkenaan dengan pentingnya warna bagi pikiran manusia. Warna memiliki kemampuan untuk menyampaikan pesan, menciptakan ide, menghasilkan emosi, dan memicu minat tertentu.
Misalnya, warna dengan nuansa cerah cenderung membuat suasana hati yang bahagia dan memberikan aura positif, sedangkan warna-warna gelap cenderung menggambarkan sebaliknya.
Pokok terpenting, warna adalah alat yang ampuh dalam membangun situs web atau blog yang sukses karena dapat digunakan sebagai penghubung antara Sobat dengan calon klien.
Memilih warna untuk website bukan berarti memilih warna yang Sobat suka. Sobat harus bisa memastikan bahwa warna yang Sobat pilih bisa memperkuat tampilan website atau merek bisnis sobat.
Tidak diragukan lagi, warna merupakan salah satu aspek penting yang harus diperhatikan dengan seksama ketika membuat sebuah desain. Dengan adanya daftar kode warna HTML serta beberapa contoh desain website dan blog di atas, diharapkan Sobat bisa semakin sukses dalam membuat desain yang banyak disukai pengunjung blog.
Sekian pembahasan kali ini, semoga dapat bermanfaat. Salam Blogging !!!
Skema pemilihan komposisi Code Warna HTML pada proses pembuatan website menjadi tantangan tersendiri bagi blogger maupun web developer. Tahapan ini tidak hanya membutuhkan waktu lama, tapi juga memerlukan pemahaman psikologi agar nantinya bisa disukai banyak pengguna.
Daftar Kode Warna HTML & CSS Lengkap Full Color
Skema warna merupakan suatu faktor penting yang menentukan keberhasilan atau kegagalan sebuah website atau blog, Dimana warna adalah elemen yang dapat memberikan dampak secara psikologis bagi setiap orang yang melihat.Lantas, apa sebenarnya yang dimaksud dengan kode warna HTML ? Apa sebenarnya yang dimaksud dengan kode warna CSS ?
Didalam dunia pemrograman, penerapan kombinasi warna sendiri dilakukan dengan menuliskan susunan enam karakter alfanumerik atau hexadecimal. Biasanya struktur kode warna HTML dituliskan dalam komposisi triplets, dimana setiap dua digit karakter mewakili warna dasar berbasis RGB (Red, Green, Blue) atau #RRGGBB.
Kode warna HTML (Hypertext Markup Language) ditandai dengan enam karakter setelah tagar (#), misalnya #000000. Warna HTML diatur dengan menggunakan kode HEX yang merupakan gagasan heksadesimal dari RGB.
Perlu Sobat semua ingat bahwa warna diwakili oleh tiga kelompok angka HEX, dimana untuk setiap kelompok akan merepresentasikan warna tertentu.
Tiga warna tersebut antara lain merah, hijau, dan biru dengan model warna yang tersusun dari ketiganya dan disebut dengan RGB (Red, Green, Blue).
Dengan bantuan CSS (Cascading Style Sheets) Sobat bisa membuat latar belakang halaman web dan entri lainnya, Alasannya karena Background dari sebuah website merupakan bagian penting yang perlu mendapat perhatian juga.
Selain dari itu, CSS juga memungkinkan Sobat untuk menggunakan warna yang masing-masing diwakili oleh nama, kode RGB, atau kode HEX dalam penerapannya.
Daftar Kode Warna HTML Lengkap Full Color
Berikut ini merupakan daftar kode warna HTML mengambil referensi daftar warna Wikipedia dan dari beberapa sumber lain di internet, lengkap dengan contoh warna yang dihasilkan, kode HEX untuk penerapan di website atau blog, serta kode RGB yang terdiri dari susunan angka.Selain bisa digunakan untuk mempercantik tampilan website atau blog, kode warna HTML ini juga dapat dipergunakan sebagai referensi bagi desainer grafis saat membuat banner, poster, maupun logo di aplikasi komputer ataupun smartphone.
Daftar Kode Warna CSS dan HTML
Berikut adalah daftar kode warna CSS dan HTML yang bisa Sobat jadikan referensi untuk color branding atau web design, dapat juga untuk modifikasi widget, artikel, dll di blog sobat blogger.| Nama Warna |
HEXIMAL |
RGB |
|
|---|---|---|---|
| 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 Golden Rod 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 yang Baik
1. Pilihlah Warna Berdasarkan Fokus Perusahaan
Ada berbagai warna yang dapat dipilih ketika membangun brand, dan pertimbangan penting yang perlu Sobat lakukan adalah memilih berdasarkan fokus perusahaan. Misalnya, jika perusahaan atau brand Sobat bergelut tentang kuliner maka komposisi warna yang banyak digunakan biasanya yang mengandung nuansa merah atau kuning. Sementara untuk brand travel mayoritas menggunakan warna biru untuk memberikan kesan profesional.2. Jenis Warna Netral Relatif Lebih Aman
Jika Sobat masih bingung dan kesulitan dalam menentukan warna brand, salah satu opsi yang bisa digunakan adalah warna netral. Jenis warna netral yang kerap digunakan yakni cokelat, abu-abu, hitam, perak, emas, krem , atau putih. Untuk memberikan kesan ekslusif Sobat tinggal mengarahkan desainer dalam pemilihan tone hangat atau dingin sehingga lebih pas dengan perusahaan.3. Tidak Terlalu Sering Memasukkan Warna
Ide dasar dalam pemilihan warna adalah agar konsumen lebih mudah mengenali brand ketika sedang mencari produk yang dibutuhkan. Maka dari itu, usahakan untuk menjaga kombinasi warna seminimal mungkin dan lebih menonjolkan warna tertentu sebagai bagian dari branding.Contoh Kombinasi Warna Website Terbaik di Tahun Ini
Kombinasi Warna Website Terbaik
Untuk Sobat yang kini sibuk mencari kombinasi kode warna untuk website atau UI (User Interface), berikut admin jabarkan pada artikel dibawah ini.Admin sudah mengumpulkan daftar skema warna yang unik dan menarik dari beberapa website yang sempat mendapatkan penghargaan di ajang kompetisi web design ditahun ini.
Daftar ini mencakup berbagai skema warna seperti earthy, elegant, bold, dan masih banyak lagi.
Sobat semua bisa menggunakan salah satu atau bahkan beberapa dari daftar Kombinasi Warna Website Terbaik di bawah ini sebagai inspirasi dan referensi.
1. Drizzle
Warna-warna ini adalah warna analog, yang berarti mereka berdekatan dalam spektrum lingkaran warna. Warna pekat & gelap, sangat cocok untuk sebuah industri atau konstruksi.
2. Kenya Safari
Tema ini berisi warna yang diambil dari alam. Tambahan warna keemasan memberi kombinasi nuansa serta lebih menciptakan kontras antara warna-warna lain, memberi pengaruh saat digunakan sebagai teks di atas latar belakang.
3. Lively and Inviting
Desain dengan dominasi warna biru aqua bisa menjadi alternatif desain terbaik yang bisa diterapkan kedalam website modern. Website seperti ini sangat cocok untuk mempresentasikan perusahaan dengan target utama anak muda atau generasi milenial yang sehari-hari akrab dengan teknologi.
4. Japan Breeze
Kreasi cerdas ini menggabungkan warna sejuk, hangat, segar & kontemporer. Sebuah campuran modern, tema warna website ini berguna untuk membaur berbagai warna kombinasi. Penggunaan warna koral menghangatkan serta sangat mengundang, memberi sebuah transisi yang baik dari warna sejuk.
5. Artsy and Creative
Kombinasi warna yang digunakan pada skema ini adalah goldenrod, vermillion, biru tua, dan Dutch white yang dapat menghidupkan desain bernuansa artistik dan kreatif. Kombinasi warna ini cocok digunakan untuk website yang menyimpan arsip online karya musik.
6. Fresh dan Tenang (Cool and Fresh)
Inspirasi warna ini berasal dari karakteristik perusahaan yang tenang dan bisa diandalkan.
Cerminan ini bisa dilihat dengan jelas pada kombinasi warna biru tua imperials dan hijau zamrud yang mendominasi bagian latar belakang.
7. Soothing Sue
Dasar kombinasi warna ini terdiri dari warna gradien biru. Warna Gunmetal & Cashmere mengandung kehangatan yang mengimbangi dengan baik kesejukkan warna biru. Kombinasi ini netral bagi pria maupun wanita, sangat baik digunakan untuk acara pernikahan ataupun perayaan.
8. Energik (Cheerful and Energetic)
Perpaduan warna crayon yang ceria pada desain ini sangat cocok untuk diaplikasikan kedalam website perusahaan yang mengusung visi optimis. Untuk menambah kesan kekinian, Sobat bisa menambahkan elemen berbasis Flat desain yang saat ini sedang digandrungi oleh para webmaster untuk mengundang banyak kunjungan.
9. Red and Lively
Dasar warna yang digunakan pada skema warna ini adalah warna merah pada Bendera Polandia, dan dibarengi dengan kombinasi antara warna merah tua dengan merah muda gelap di atas background abu-abu terang. Skema warna ini menawarkan nuansa yang hidup dan minimalis.
10. Flat Desain
Sangat unik dan menyenangkan ketika melihat website perusahaan yang mengusung konsep flat atau datar pada elemen yang digunakan. Sobat bisa melihat pada contoh perpaduan kode warna HTML pada gambar ini, dimana hampir sepenuhnya tidak menggunakan efek tiga dimensi.
11. Elegant Yet Approachable
Perpaduan unik dari warna kulit dan warna yang lebih elegan seperti dark imperial blue dan ruby membuat skema warna ini ideal untuk desain website yang bertujuan untuk menyampaikan pesan tertentu. Nuansa yang ditampilkan cenderung elegan namun masih tergolong menyenangkan.
12. Lavish Fruits
Umumnya warna dasar biru menciptakan suasana hati yang sejuk. Tema warna website ini digabungkan dengan dua warna hangat (kain linen & buah kismis) untuk menghilangkan garis tepi. Sebuah kombinasi modern untuk interior atau produk peralatan rumah tangga.
Kombinasi warna diatas cukup fleksibel dan dapat digunakan dalam berbagai macam proyek, mulai dari laporan perusahaan yang tampak modern hingga majalah dan konten editorial yang sederhana tapi tetap bernuansa Elegan.
Cara Menggunakan Kode Warna HTML
Penggunaan kode warna HTML tidak hanya membuat website Sobat terlihat lebih menarik, tetapi juga meningkatkan peluang pengunjung untuk datang kembali membaca semua artikel blog kita.1. Cara Menggunakan Kode Warna untuk HTML Background
Mengubah warna background halaman web sebenarnya cukup sederhana. Cara pertama dan paling populer adalah dengan menggunakan kode warna HEX dengan properti background-color.Kamu bisa menerapkan kode warna HEX langsung pada elemen HTML <body> menggunakan atribut style seperti di bawah ini.
<body style=”background-color:#FF0000;”>
</body>
2. Cara Menggunakan Kode Warna untuk HTML Font
Untuk mengubah warna teks pada seluruh halaman website, Sobat bisa mendefinisikannya di tag <body>. Sedangkan untuk mengubah warna pada satu atau sebagian kecil teks, Sobat bisa menggunakan tag font yang lama dengan format:<font color = “# ff0000”> text </font>
Warna dalam HTML harus didefinisikan sebagai kode HEX, yang merupakan kode enam digit yang mewakili jumlah warna merah, hijau, dan biru (RGB), misal:
<font color = “green”> text </font>
Bagi browser dengan versi baru memungkinkan Sobat perintah huruf dan angka bisa hanya dengan memberi nama warna seperti yang dicontohkan di atas, sehingga memudahkan kita dalam penerapan warna html, tetapi untuk versi yang sedikit lawas opsi yang ada mungkin lebih terbatas.
Metode di atas bisa digunakan untuk menata hampir semua elemen HTML. Namun, perlu diingat bahwa langkah-langkahnya mungkin berbeda, tergantung pada apakah elemen-elemen tersebut sebaris atau bertingkat.
Kesimpulan Pembahasan Kode Warna HTML
Karena betapa pentingnya desain warna bagi suatu website berkenaan dengan pentingnya warna bagi pikiran manusia. Warna memiliki kemampuan untuk menyampaikan pesan, menciptakan ide, menghasilkan emosi, dan memicu minat tertentu.
Misalnya, warna dengan nuansa cerah cenderung membuat suasana hati yang bahagia dan memberikan aura positif, sedangkan warna-warna gelap cenderung menggambarkan sebaliknya.
Pokok terpenting, warna adalah alat yang ampuh dalam membangun situs web atau blog yang sukses karena dapat digunakan sebagai penghubung antara Sobat dengan calon klien.
Memilih warna untuk website bukan berarti memilih warna yang Sobat suka. Sobat harus bisa memastikan bahwa warna yang Sobat pilih bisa memperkuat tampilan website atau merek bisnis sobat.
Tidak diragukan lagi, warna merupakan salah satu aspek penting yang harus diperhatikan dengan seksama ketika membuat sebuah desain. Dengan adanya daftar kode warna HTML serta beberapa contoh desain website dan blog di atas, diharapkan Sobat bisa semakin sukses dalam membuat desain yang banyak disukai pengunjung blog.
Sekian pembahasan kali ini, semoga dapat bermanfaat. Salam Blogging !!!
