Tabel daftar kode warna HTML lengkap Full Color☑️ Kode warna html Pelangi, Putih, Merah, Biru, Hijau dan Warna Lainnya☑️
Ketika akan mendesain website dan juga merancang tampilan website, terdapat hal yang tidak boleh di lupakan yaitu memakai komposisi warna yang cocok.
Harus mengerti warna apa yang harus dihindari. Website yang tersusun dari kode HTML dan juga CSS dapat memakai kode warna untuk memberi warna di website tersebut. Maka dari itu penting untuk tahu kode warna HTML dan juga kode warna CSS itu.
Walaupun pada software desain website dapat menerapkan warna dengan secara langsung, tapi tidak ada salahnya apabila tahu kode warna HTML dan juga kode warna CSS itu.
Mengenal Kode Warna HTML
Kode warna HTML adalah pengidentifikasi yang digunakan untuk mewakili warna di web dan di dalam aset digital lainnya. Kode warna yang umum berupa: nama kata kunci, nilai heksadesimal, triplet RGB (merah, hijau, biru), atau triplet HSL (hue, saturation, lightness).
Misalnya, warna merah dapat menjadi pengenal menggunakan format berikut:
merah (nama kata kunci)
#ff0000 (heksagonal)
(255,0,0) (RGB)
(0, 100%, 50%) (HSL)
Setiap kode HTML berisi simbol “#” dan 6 huruf atau angka. Angka-angka ini dalam sistem bilangan heksadesimal. Misalnya “FF” dalam heksadesimal mewakili angka 255 dalam Desimal.
Dua simbol pertama dalam kode warna HTML mewakili intensitas warna merah. 00 adalah yang paling sedikit dan FF adalah yang paling intens. Yang ketiga dan keempat mewakili intensitas hijau dan kelima dan keenam mewakili intensitas biru.
Jadi dengan memadukan intensitas warna merah, hijau dan biru kita bisa memadukan hampir semua warna yang kita inginkan.
Kode warna HTML adalah triplet heksadesimal yang mewakili warna merah, hijau, dan biru (#RRGGBB). Misalnya, pada warna merah, kode warnanya adalah #FF0000, yaitu ‘255’ merah, ‘0’ hijau, dan ‘0’ biru. Ada 16.777.216 kemungkinan kode warna HTML, dan semuanya terlihat pada layar 24-bit.
Kode warna ini dapat mengubah warna latar belakang, teks, dan tabel pada halaman web. Mereka juga dapat mereferensikan warna yang tepat dalam program pengeditan foto seperti Adobe Photoshop.
Untuk menggunakan kode warna yang dipilih dalam halaman web Anda, Anda dapat menempatkan atribut berikut dalam elemen tertentu untuk mengubah warna latar belakang menjadi merah: style=”background-color: #ff0000;”
Kode warna HTML digunakan dalam HTML dan CSS untuk membuat skema warna desain web. Mereka terutama digunakan oleh desainer web, desainer grafis, pemrogram komputer, dan ilustrator digital.
Kode Warna HTML Lengkap
Nah berikut ini terdapat daftar kode warna HTML dan kode warna CSS yang harus diketahui , atas dasar kode warna hexadecimal dan kode warna RGB.
Langsung saja berikut kumpulan kode warna HTML dari warna warna dasar yang umum digunakan untuk desain sebuah website. Tabel Kode warna html yang kami publish ini merupakan rangkuman dari artikel yang bersumber dari Wikipedia.org
| Nama | Contoh | Kode warna | RGB | CMYK | HSV | ||
|---|---|---|---|---|---|---|---|
| Abu-abu | #808080 | 128 | 128 | 128 | 58, 50, 47, 0 | 0, 0, 50 | |
| Biru | #0000FF | 0 | 0 | 255 | 95, 73, 0, 0 | 240, 100, 100 | |
| Biru dongker | #000080 | 0 | 0 | 128 | 100, 99, 56, 46 | 240, 100, 50 | |
| Biru laut (Sian) | #00FFFF | 0 | 255 | 255 | 100, 0, 0, 0 | 180,100,100 | |
| Coklat | #964B00 | 150 | 75 | 0 | 59, 82, 100, 43 | 30, 100, 59 | |
| Emas | #FFD700 | 255 | 215 | 0 | 0, 17, 94, 0 | 51, 100, 100 | |
| Hijau | #00FF00 | 0 | 255 | 0 | 62, 0, 100, 0 | 120, 100, 100 | |
| Hitam | #000000 | 0 | 0 | 0 | 93, 88, 89, 90 | 0, 0, 0 | |
| Kuning | #FFFF00 | 255 | 255 | 0 | 0, 0, 255, 0 | 60, 100, 100 | |
| Magenta | #FF00FF | 255 | 0 | 255 | 0, 100, 0, 0 | 300, 100, 100 | |
| Mawar | #FF007F | 255 | 0 | 127 | 0, 100, 50, 0 | 330, 100, 100 | |
| Merah | #FF0000 | 255 | 0 | 0 | 0, 255, 255, 0 | 0, 100, 100 | |
| Merah marun | #800000 | 128 | 0 | 0 | 0, 255, 255, 127 | 0, 100, 50 | |
| Merah jambu | #FFC0CB | 255 | 192 | 203 | 0, 63, 52, 0 | 350, 25, 100 | |
| Nila | #6F00FF | 111 | 0 | 255 | 57, 100, 0, 0 | 266, 100, 100 | |
| Jingga | #FF7F00 | 255 | 127 | 0 | 0, 50, 100, 0 | 30, 100, 100 | |
| Perak | #C0C0C0 | 192 | 192 | 192 | 0, 0, 0, 63 | 0, 0, 75 | |
| Putih | #FFFFFF | 255 | 255 | 255 | 0, 0, 0, 0 | 0, 0, 100 | |
| Ungu | #BF00FF | 191 | 0 | 255 | 25, 100, 0, 0 | 285, 100, 100 | |
| Violet | #8F00FF | 143 | 0 | 255 | 44, 255, 0, 0 | 274, 100, 100 | |
| Zaitun | #808000 | 128 | 128 | 0 | 0, 0, 100, 50 | 60, 100, 50 | |
Tabel diatas adalah beberapa contoh nama dan kode warna yang umum. Dengan warna-warna ini, Anda juga dapat menggunakan nama warna. Misalnya, dalam tag HTML dan CSS yang menggunakan kode warna, Anda dapat menggunakan “merah” alih-alih “#FF0000”.
-
Kode Warna HTML Warna Dasar Merah
Warna dasar merah memiliki beragam variasi turunan warna. Jika anda tertarik untuk mempelajarinya, dibawah ini bisa anda lihat tabel berisi ragam komponen warna turunan dari warna dasar merah.
-
Kode Warna HTML Warna Dasar Hijau
Jika anda sedang membutuhkan desain dengan warna dasar hijau, anda bisa melihat ragam turunan warna warna yang tercipta dari warna dasar hijau berikut ini.
-
Kode Warna HTML Warna Dasar Biru
Warna biru merupakan salah satu warna yang memiliki banyak variasi turunan warnanya. Anda bisa menggunakan pilihan warna biru dibawah ini untuk kebutuhan desain anda.
- 216 Kode Warna HTML Lengkap
Dibawah ini bisa anda lihat gambar tabel yang berisi 216 kode warna html lengkap full color yang umum digunakan untuk kebutuhan dasar desain website maupun desain grafis di Photoshop dan Corel draw.
Tidak hanya untuk keperluan desain website saja, akan tetapi kode warna HTML juga bisa menggunakan kode warna photoshop. Demikian penjelasan yang bisa wikielektronika ulas mengenai kode warna HTML dan juga kode warna CSS.
| Bahasa Pemrograman Komputer | Simbol Flowchart Lengkap |
| Topologi Jaringan Komputer | Gerbang Logika |
Semoga semua makna yang terkandung dapat tersampaikan dengan sempurna, dan juga menambah di dalam hal wawasan, informasi, dan juga pengetahuan mengenai materi kode warna HTML dan CSS ini.
Fіrst оf alⅼ I wouⅼd like to say awesome blog!
І had a quick questіon whіcһ I’d like to ask if you do
not mind. I was curious to know how you center yourself and clear your thoughts before writing.
I’ve had trouble clearing my thoughts in getting my thoughts out.
I truly do take pleasure in ѡriting but it just seems likｅ the first 10 to
15 minutes tend to be lost just trying to figuгe out how to begin. Any suggestions or hintѕ?
Thanks!
i think u just need to make the environment around you be comfortable.