Kode warna HTML harus diketahui saat melakukan pewarnaan. Situs web, aplikasi, proyek grafik lainnya.
Masalahnya adalah Anda mungkin tidak tahu kode warna yang ingin Anda gunakan. Selain itu, ada dua jenis kode warna di internet: RGB dan IKMD.
Untungnya, artikel ini akan memberi Anda kode warna HTML terbaik. Apakah menarik, kan? Ayo gulir ke bawah!
Daftar isi
Berikut adalah daftar lengkap kode warna HTML dan CSS berdasarkan hexadis (hex) dan kode RGB:
Sebagai suplemen, ada juga perbandingan kode RGB, kode hex, dan kode warna HTML CSS:
| Nama warna | HTML CSS Color Code | Kode warna hex | Kode Warna RGB |
|---|---|---|---|
| Salmon ringan | #Ffa07a | RGB (255. 160. 122) | |
| Ikan salmon | Salmon #FA8072 | RGB (250. 128. 114) | |
| Salmon Gelap | Salmon#E9967A | RGB (233. 150. 122) | |
| Karang cahaya | #F08080 | Rugby (240. 128. 128) | |
| Indaha | #CD5C5C | Rugby (205, 92, 92) | |
| Merah tua | #DC143C | RGB (220, 20, 60) | |
| Bata api | #B22222 | Rugby (178, 34, 34) | |
| merah | #FF0000 | Rugby (255, 0, 0) | |
| Merah Gelap | #8B0000 | Rugby (139, 0, 0) |
Hingga saat ini, Anda akan melihat daftar kode warna lengkap di HTML. Namun, beberapa orang mungkin masih bingung tentang perbedaan antara kode RGB dan kode hex.
Nah, keduanya akan dijelaskan pada titi k-titik berikut. Mari kita lihat bersama!
RGB adalah kode warna yang terdiri dari tiga angka. Ketiga bagian ini dipisahkan oleh koma, misalnya, “RGB (251, 235, 217)”. Setiap digit kode mewakili warna merah, hijau, biru, atau #rrggbb.
Anda mungkin bertany a-tanya mengapa berwarna merah, hijau, dan biru.
Karena ini adalah warna utama yang sering digunakan di layar web dan komputer. Selain itu, Anda dapat menciptakan lebih dari 16 juta warna dengan tiga warna ini!
Terlepas dari kode RGB, ada beberapa kode yang dikenal sebagai hexch atau hex.
Hex Code adalah jenis yang umumnya dimulai dengan simbol “#”. Saat Anda mendesain sesuatu, Anda seharusnya melihat kode warna hex seperti kombinasi#92A8D1 dan#FF0000.
Faktanya, tidak ada perbedaan kuat antara Hex dan RGB selain jumlah digit. Jika Anda menggunakannya sebagai kode warna CSS atau HTML, Anda dapat menggunakannya.
Anda sudah tahu kode HTML RGB dan HEX Color? Selanjutnya, mari kita pelajari cara menggunakan kode warna HTML CSS.
melompat ke bawah
Daftar warna CSS untuk HTML, Anda dapat menerapkan warna RGB ke situs web Anda. Kode ini dapat digunakan di hampir semua bagian, termasuk teks, latar belakang, batas, dll.
Pelajari cara menggunakan kode warna dalam CSS dan HTML:
Daftar kode warna HTML CSS
Daftar kode warna CSS HTML
Daftar kode warna HTML
Catatan Elemen font hanya didukung di HTML 5.
Saat Anda menjalankan skrip di atas, Anda akan melihat sesuatu seperti ini:
Daftar kode warna HTML CSS
Daftar kode warna CSS HTML
Daftar kode warna HTML
Catatan Elemen font hanya didukung di HTML 5.
#p1 #p2 #p3 #p4 #p5Contoh kode warna lengkap:
Kode di atas menjadi:
Contoh kode warna lengkap:
h2< border-style: solid; border-color: #92a8d1; >divDaftar kode warna HTML CSS
Nilai warna batas dapat diatur sebagai nomor kode heksadesimal.Catatan: warna batas tidak bekerja sendiri. Untuk menyetel batas kode warna HTML, pertama-tama gunakan properti gaya batas.
Daftar kode warna HTML CSS
Nilai warna batas dapat diatur sebagai nomor kode heksadesimal.
Catatan: warna batas tidak bekerja sendiri. Untuk menyetel batas kode warna HTML, pertama-tama gunakan properti gaya batas.
Ingin mencoba kombinasi kode warna yang berbeda tanpa repot? Siapa Takut. Berikut daftar lengkap situs kombinasi warna untuk dicoba.
Canva adalah alat desain grafis online dengan fitur yang tak terhitung jumlahnya. Salah satunya adalah roda warna, yang memungkinkan Anda menggabungkan berbagai kode HTML berwarna.
Yang istimewa dari Canva adalah juga menjelaskan teori warna beserta roda warna. Oleh karena itu, Anda bisa belajar sambil bereksperimen.
Raksasa desain grafis ini juga memiliki roda warna gratis yang dapat Anda gunakan untuk menggabungkan warna dalam CSS Anda.
Berbeda dengan Canva, Adobe Color CC lebih kompleks dengan banyak pilihan konfigurasi. Oleh karena itu, situs ini sangat cocok bagi Anda yang ingin mendalami kombinasi kode warna HTML lebih dalam.
Situs kombinasi kode warna lengkap selanjutnya adalah Paletton. Fitur Paletton berada di antara Canva dan Adobe Color CC, menjadikannya sederhana namun penuh dengan fitur.
Ada juga panduan lengkap menggunakan Paletton tepat di bawah roda warna. Kalau bingung, langsung saja baca panduannya.
Coolors sangat berbeda dari situs kombinasi RGB sebelumnya. Pertama, perlu untuk memilih warna yang ditampilkan secara acak dari koleksi Coolors.
Tapi jangan khawatir. Bahkan setelah memilih kode warna sesuai dengan HTML, Anda dapat dengan bebas mengubah warna dan bereksperimen dengan konten hati Anda.
Sphere warna mudcube adalah situs kombinasi yang sangat sederhana yang sangat mudah digunakan. Anda bisa mendapatkan kombinasi warna hanya dengan menggeser slide yang disiapkan atau menggerakkan panah.
Sesuai namanya, checkmycolours memeriksa apakah kombinasi warna situs web sangat kontras warna. Oleh karena itu, Anda tidak hanya dapat melihat kombinasi warna apa yang digunakan, tetapi juga tahu apakah kombinasi kode warna HTML sesuai.
Spy Color adalah situs web yang menggabungkan kode warna lengkap yang memungkinkan Anda menemukan informasi lengkap tentang kode warna HTML. Dimulai dengan nama, kode 1 6-pade, nomor RGB, nomor CMYK, banyak lainnya. Apakah ini juga menarik?
Situs kombinasi kode warna RGB berikut adalah penjelajah warna. Di sini, Anda dapat mencoba tidak hanya kode warna tetapi juga gambar, halaman web, tata letak, dll.
W3School HTML Color Pickers dapat memilih warna berdasarkan warna dasar. Anda dapat memilih level saturasi dan mempratinjau hasilnya.
Selain itu, ada opsi untuk memasukkan warna dengan kode, dan 5 jendela untuk pemilihan warna ditampilkan. Kode warna CSS, HTML, dan RGB juga dapat dengan mudah diperiksa dari situs ini.
HTML Color Code adalah situs web sederhana yang menyediakan tampilan pilihan warna. Cukup letakkan kursor pada meja warna atau geser slider, dan warna yang sesuai dengan kode warna ditampilkan di hexadecimal.
Penting untuk mengetahui daftar kode warna HTML, kode warna CSS, dan kode warna RGB. Karena HTML adalah bahasa mar k-up sejauh ini, masih banyak digunakan untuk berbagai tujuan.
Baik HTML, CSS, dan RGB digunakan di berbagai bagian produksi situs web. Warnanya juga mempengaruhi aspek psikologis orang. Oleh karena itu, dengan memilih warna yang tepat dan menarik, dapat memengaruhi pengalaman pengguna pengunjung.
Situs web yang menarik dapat membuat pengunjung santai dan ingin berkunjung lagi. Salah satunya adalah menggabungkan banyak warna ke satu situs web.
Daftar kode warna HTML lengkap di atas sedikit lebih nyaman untuk mengunjungi situs web dan menerapkannya sehingga pengunjung lebih nyaman dan tertarik untuk mengunjunginya lagi. Klik tombol Berlangganan untuk memperbarui artikel terbaru dari kami.
