Kode Warna HTML Lengkap Full Color

2 min read

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

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

 

tabel kode warna html

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 merah kode warna html warna dasar merah 2

  • 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 hijau 2 kode warna html warna dasar hijau

  • 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.

kode warna html warna dasar biru kode warna html warna dasar biru 2

  • 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.

kode warna html lengkap

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.

Materi Pembelajaran Lainnya :
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.

Galih Wsk Dengan pengetahuan dan keahliannya yang mendalam di bidang elektro dan statistik, Galish WSK alumni pascasarjana ITS Surabaya kini mendedikasikan dirinya untuk berbagi pengetahuan dan memperluas pemahaman tentang perkembangan terkini di bidang statistika dan elektronika via wikielektronika.com.

2 Replies to “Kode Warna HTML Lengkap Full Color”

  1. 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 like the first 10 to
    15 minutes tend to be lost just trying to figuгe out how to begin. Any suggestions or hintѕ?

    Thanks!

Leave a Reply

Your email address will not be published. Required fields are marked *

You cannot copy content of this page