Kode Warna HTML Paling Populer dan Cara Pick Color Termudah

Warna adalah elemen yang sangat penting untuk mempercantik sesuatu.

Hitam dan putih itu juga termasuk warna lo ya.

Semuanya akan terasa flat dan enggak keren jika hanya ada satu warna saja yang mendominasi.

Begitu juga dengan website, untuk membuat desain web yang keren kita butuh mengkombinasikan banyak warna yang sesuai.

Daftar Isi

Contoh Kode Warna HTML
Apa itu HTML Color Code?
Jenis-jenis Kode Warna HTML
Transparansi Warna
Implementasi Kode Warna HTML
Cara Dapat Kode Warna HTML

Contoh Kode Warna HTML

Berikut ini adalah warna-warna yang umum digunakan:

Nama	Kode HEX	Kode RGB
BLACK	#000000	RGB(0, 0, 0)
NAVY	#000080	RGB(0, 0, 128)
BLUE	#0000FF	RGB(0, 0, 255)
GREEN	#008000	RGB(0, 128, 0)
TEAL	#008080	RGB(0, 128, 128)
LIME	#00FF00	RGB(0, 255, 0)
AQUA	#00FFFF	RGB(0, 255, 255)
MAROON	#800000	RGB(128, 0, 0)
PURPLE	#800080	RGB(128, 0, 128))
OLIVE	#808000	RGB(128, 128, 0)
GRAY	#808080	RGB(128, 128, 128)
SILVER	#C0C0C0	RGB(192, 192, 192)
RED	#FF0000	RGB(255, 0, 0)
FUCHSIA	#FF00FF	RGB(255, 0, 255))
YELLOW	#FFFF00	RGB(255, 255, 0)
WHITE	#FFFFFF	RGB(255, 255, 255)

Kode diatas saya dapat dari situs https://htmlcolorcodes.com

Apa itu HTML Color Code?

Warna itu jumlahnya jutaan ya, misal warna hitam ke putih itu ada buanyak sekali kombinasi warna. Perhatikan gambar berikut:

Disitu ada warna abu-abu kan? Abu-abupun juga ada yang cenderung hitam ada yang cenderung putih.

Apa hubungannya dengan HTML Color Code?

Nah, karena warna itu jumlahnya jutaan dibutuhkan kode untuk mendefinisikan suatu warna.

Mesin tidak bisa memahami warna jika kamu tulis “hitam tapi agak putih dikit”

Paham kan? Jadi kode warna HTML dibutuhkan supaya komputer dalam hal ini web browser bisa membaca warna apa yang diinginkan.

Jenis-jenis Kode Warna HTML

Ada banyak sekali kode warna yang bisa kamu gunakan, yaitu:

HEX (ini yang paling umum digunakan)
RGB (ini juga biasa dipakai)
CMYK
HSL

Yang paling banyak digunakan adalah HEX dan RGB. Contoh kode HEX adalah #000000 itu akan menghasilkan warna hitam pekat, kalau ditulis dengan RGB menjadi rgb(0, 0, 0).

RGB singkatan dari Red, Green, Blue. Jadi, angka 0,0,0 itu merepresentasikan warna merah, hijau dan biru.

Nilainya dari 0-255. Misal kita ingin buat warna merah maka kode RGBnya yaitu rgb(255, 0, 0). Dimana Red = 255 sedangkan Green = Blue = 0.

Lantas, kalau HEX? Nah, HEX itu singkatan dari Hexadecimal.

Jadi, warna didefinisikan dalam 6 digit huruf atau angka #RRGGBB. Nilai RR, GG dan BB paling rendah 00 dan tertinggi FF.

Jadi, misal kita mau buat warna putih maka diset semuanya menjadi maksimal #FFFFFF.

Transparansi Warna

Warna dengan efek transparan juga sering dibutuhkan, misalkan untuk memberikan efek hover pada suatu gambar.

Caranya sangat mudah tinggal ditambahkan value opacity pada obyek dan warna yang diinginkan.

Misalkan, kita ingin buat warna hitam pekat tapi transparansi 50% maka kodenya adalah rgb(0, 0, 0, 0.5).

0.5 adalah nilai transparansi. Nilainya dari 0-1. Kalau dibuat persen ya dari 0-100%.

Implementasi Kode Warna HTML

Lalu gimana cara menggunakannya?

Untuk mengganti warna dibutuhkan CSS. Misal, kita ingin mewarna tabel, maka kita tambahkan atribut CSS dengan value background.

<table style="background:#000000"></table>

Cara Dapat Kode Warna HTML

Ada banyak sekali metode yang bisa digunakan untuk mendapatkan kode warna HTML.

Berikut cara-caranya

1. Google Color Picker

Ketik di google yaitu HEX Color nanti akan keluar widget atau tools dari google untuk mendapatkan kode warna. DIsitu malah lengkap ada HEX, RGB, CMYK, HSL dan HSV.