Home / Internet / Mengenal Kode Warna HTML Biru, Putih, Merah, dll (Lengkap)

Mengenal Kode Warna HTML Biru, Putih, Merah, dll (Lengkap)

Penulis: Mendy Mendy

Diperbaharui:

Orang-orang yang bekerja di bidang pembuatan website, aplikasi, maupun proyek grafis lainnya wajib mengetahui tentang kode warna HTML secara lengkap. Sebab, setiap warna memiliki kode HTML yang berbeda dan terkadang orang-orang tidak tahu kode warna yang hendak dipakainya tersebut.

Untuk menghindari terjadinya kesalahan warna saat akan memakainya, orang-orang harus mencatat kode-kode warnanya dengan baik. Dengan mencatat atau mengingatnya seperti ini, mereka bisa langsung memasukkan kode tersebut secara tepat. Jadi, tidak ada kesalahan lagi saat memakainya.

Sebelum membahas tentang daftar kode warna HTML yang harus diketahui oleh banyak orang, kami akan membahas pengertian dari istilah ini terlebih dahulu. Pasalnya, masih ada sebagian orang yang merasa asing ketika mendengar tentang istilah kode warna di internet.

Apa Itu Kode Warna HTML?

Apa Itu Kode Warna HTML_
Sumber: hosteko.com

Arti dari kode warna ini adalah alat bantu esensial yang dapat membantu para developer maupun designer website untuk menentukan warna dengan presisi tinggi yang tepat. Maka dari itu, ada banyak orang yang mengatakan bahwa kode warna ini sangat penting dalam menciptakan tampilan menarik.

Dengan menggunakan HTML kode warna seperti ini, para developer dan designer website dapat menerapkan palet warna yang spesifik dan menciptakan harmoni visual yang sesuai keinginan. Tidak hanya itu, kode warna ini juga dapat memastikan informasi di dalam website bisa terlihat secara jelas.

Alasan mengapa para pemilik maupun pengelola website diwajibkan untuk mengetahui tentang daftar kode warna pada HTML adalah, karena warna memegang peranan penting dalam menentukan nuansa yang dihadirkan untuk para pengunjung website. Jadi, pilihlah warnanya dengan baik.

Orang-orang mungkin berpikir pemilihan warna yang tepat ini hanya akan meningkatkan estetika dari suatu website saja, tapi sebenarnya pemilihan warna yang tepat juga bisa meningkatkan user experience yang dibutuhkan oleh setiap website. Maka dari itu, mari kita mengenal kode-kodenya!

Kode Warna HTML Lengkap Full Color

Tidak hanya orang-orang yang bekerja di bidang pembuatan website, aplikasi, dan proyek grafis seperti ini lainnya saja yang perlu mengetahui daftar kode warna ini, tapi orang-orang yang sering berkunjung ke sebuah website tertentu juga boleh untuk mengetahui tentang kode warna ini dengan baik.

Pada dasarnya, ada 2 jenis kode warna di internet yang masih terdengar asing bagi sebagian orang, yaitu RGB dan hexadecimal. Namun, sebelum membahas tentang perbedaan dari kedua jenis kode warna tersebut, kami akan membagikan daftar kode warnanya terlebih dahulu, yaitu:

1. Kode Warna Putih HTML

Kode Warna Putih HTML
Sumber: hugaf.com

Salah satu warna yang sering dipakai pada suatu website adalah putih. Maka dari itu, kenali daftar kode warna putih berikut ini:

Nama WarnaRGBHEX
Whitergb(255,255,255)#FFFFFF
Snowrgb(255,250,250)#FFFAFA
Mintcreamrgb(245,255,250)#F5FFFA
Azurergb(240,255,255)#F0FFFF
Honeydewrgb(240,255,240)#F0FFF0
Ghostwhitergb(248,248,255)#F8F8FF
Beigergb(245,245,220)#F5F5DC

2. Kode Warna Coklat HTML

Kode Warna Coklat HTML
Sumber: kumparan.com

Mungkin ada beberapa orang yang lebih suka memakai warna gelap pada website atau aplikasinya, sehingga kode warna coklat juga harus diketahui, yaitu:

Nama WarnaRGBHEX
Brownrgb(165,42,42)#A52A2A
Wheatrgb(245,222,179)#F5DEB3
Tanrgb(210,180,140)#D2B48C
Rosybrownrgb(188,143,143)#BC8F8F
Chocolatergb(210,105,30)#D2691E
Siennargb(160,82,45)#A0522D
Goldenrodrgb(218,165,32)#DAA520

3. Kode Warna Merah HTML

Kode Warna Merah HTML
Sumber: kumparan.com

Ada beberapa jenis warna merah yang sering dipakai untuk meningkatkan kualitas tampilan dari suatu website, dan berikut adalah beberapa kode warnanya:

Nama WarnaRGBHEX
Salmonrgb(250,128,114)#FA8072
Indian Redrgb(205,92,92)#CD5C5C
Light Coralrgb(240,128,128)#F08080
Fire Brickrgb(178,34,34)#B22222
Dark Redrgb(139,0,0)#8B0000
Rubyrgb(224,17,95)#E0115F
Cherryrgb(222,49,99)#DE3163

Baca Juga: Apa itu Web Designer? Besaran Gaji dan Skill yang Harus Dimiliki

4. Kode Warna Biru

Kode Warna Biru HTML
Sumber: kumparan.com

Biru juga menjadi salah satu warna yang sering digunakan pada berbagai jenis proyek grafis. Untuk itu, kode-kode warna biru di bawah ini harus selalu diingat:

Nama WarnaRGBHEX
Bluergb(0,0,255)#0000FF
Light Bluergb(173,216,230)#ADD8E6
Sky Bluergb(135,206,235)#87CEEB
Royal Bluergb(65,105,225)#4169E1
Navyrgb(0,0,128)#000080
Dark Bluergb(0,0,139)#00008B
Midnight Bluergb(25,25,112)#191970

5. Kode Warna Kuning

Kode Warna Kuning HTML
Sumber: pinterest.com

Kode warna selanjutnya yang akan kami bagikan adalah kuning. Berikut adalah kode warna kuning pada HTML:

Nama WarnaRGBHEX
Yellowrgb(255,255,0)#FFFF00
Goldrgb(255,215,0)#FFD700
Khakirgb(240,230,140)#F0E68C
Light Yellowrgb(255,255,224)#FFFFE0
Pale Goldenrodrgb(238,232,170)#EEE8AA
Goldenrodrgb(218,165,32)#DAA520

6. Kode Warna Hijau

Kode Warna Hijau HTML
Sumber: kumparan.com

Jenis warna terakhir yang sering dipakai oleh developer dan designer website adalah hijau. Berikut daftar kode warna hijau pada HTML:

Nama WarnaRGBHEX
Greenrgb(0,128,0)#008000
Dark Greenrgb(0,100,0)#006400
Limergb(50,205,50)#32CD32
Light Greenrgb(144,238,144)#90EE90
Spring Greenrgb(0,255,127)#00FF7F
Sea Greenrgb(46,139,87)#2E8B57
Forest Greenrgb(34,139,34#228B22

Perbedaan Kode Warna RGB dan HEX pada HTML

Perbedaan Kode Warna RGB dan HEX pada HTML
Sumber: kumparan.com

Bisa dilihat pada beberapa tabel di atas terdapat istilah RGB dan HEX yang memiliki kode berbeda. Berikut adalah penjelasan lebih lengkap mengenai perbedaan dari kedua istilah tersebut, yaitu:

1. RGB (Red, Green, and Blue)

Sesuai dengan namanya, model warna ini didasarkan pada kombinasi tiga warna primer yakni merah, hijau, dan biru. Ada keuntungan tersendiri yang membuat kombinasi warna ini sering dipilih oleh banyak orang, yaitu dapat mengontrol opasitas warna yang menentukan transparansi warna.

2. HEX (Hexadecimal)

Sementara untuk istilah HEX merujuk pada representasi heksadesimal dari sebuah warna. Keuntungan menggunakan warna ini bisa dilihat pada kesederhanaan dan kemudahan penggunaannya dalam HTML.

Sebagai seorang developer maupun designer dari suatu website tertentu, Anda memang harus mengetahui kode warna HTML ini secara lengkap. Dengan begitu, Anda bisa lebih mudah untuk menciptakan tampilan website yang menarik dan fungsional.

Related Posts

Etika Berkomentar di blog ini.

Budayakan berkomentar yang baik dan sopan dengan mengedepankan ketentuan berikut :

  • Pakai nama orang asli (tidak boleh nama blog atau nama aneh)
  • URL homepage (halaman utama)
  • Tidak menyisipkan link dalam komentar
  • Berkomentar sesuai topik minimal 2 kalimat

Setiap komentar yang terindikasi spam tidak akan saya approve.

Terima kasih kawan!

Beneran nih nggak mau komen?

Kampusit.id merupakan media digital yang membahas seputar blogging dan teknologi informasi, selain itu kami juga menyediakan jasa pengembangan website wordpress, kursus serta jual beli domain dan blog adsense

08-111-399-986

Jl Jatipadang Raya Pasar Minggu Jakarta Selatan