Home » HTML » Kode Warna HTML

Kode Warna HTML

Ditulis oleh Segi Henggana · 31 March 2019
Kode Warna HTML

Kode warna HTML adalah tiga pasang heksadesimal yang mewakili warna merah (red), hijau (green)), dan biru (blue) (#RRGGBB).

Contohnya untuk warna merah, kode warnanya adalah #ff0000 atau 255 merah, 0 hijau, dan 0 biru.

Jika satu dari tiga nilai warna kurang dari 10 hex (16 desimal), maka penulisannya harus diawali dengan 0, jadi tripletnya selalu berjumlah 6 digit. Contohnya triplet desimal 4, 8, dan 16, dalam hex akan menjadi 04, 08, dan 10. Sehingga tripletnya menjadi 040810.

Penulisan kode warna juga bisa disingkat menjadi tiga digit saja, jika tiap pasang warna adalah angka yang sama. Contohnya 0099cc bisa disingkat menjadi 09c.

Kode warna ini dapat digunakan untuk mengubah warna dari background, teks, table, atau elemen lainnya di HTML.

Contoh Penulisan Kode Warna di HTML

  <p style="color: #add8e6">Contoh penulisan kode warna HTML</p>

Hasilnya seperti dibawah ini:

Contoh penulisan kode warna HTML

Contoh Penulisan kode Warna di CSS

  p {
    color: #800080;
  }

Hasilnya seperti berikut.

Contoh penulisan kode warna CSS

Kode Warna Utama

Di bawah ini beberapa nama dan kode warna yang umum digunakan. Dengan warna-warna ini kita juga bisa menggunakan nama dari warna tersebut.

Contohnya di tag HTML atau CSS, kita bisa menggunakan red ketimbang #ff0000.

Nama Warna Kode Warna
red #ff0000
cyan #00ffff
blue #0000ff
darkblue #0000a0
lightblue #add8e6
purple #800080
yellow #ffff00
lime #00ff00
magenta #ff00ff
white #ffffff
silver #c0c0c0
gray or grey #808080
black #000000
orange #ffa500
brown #a52a2a
maroon #800000
green #008000
olive #808000

Kode Warna Lainnya

Masih banyak lagi variasi kode warna yang bisa digunakan. Kamu bisa cek wikipedia untuk melihat warna-warna lainnya.

Pakai juga tools seperti color picker untuk memudahkan mencari warna yang kita inginkan.

Terimakasih. Jangan lupa dishare ya.

Saya masih ingat waktu pertama kali bikin layout website pas SMA, pake TABLE :facepalm:. Sekarang bekerja di Bukalapak sebagai Front End Engineer. Tidak sedang mencari pekerjaan baru.