Mengenal Kode Hex Warna dan 10+ Daftar Kode Hex Warna

Kamu ingin tahu lebih lanjut tentang apa itu kode hex warna?

Nah kabar baik buat kamu, karena tulisan ini akan mengulas lengkap seputar hex warna beserta daftar kode hex warnanya lho!

Jadi sebagai seorang desainer grafis ataupun web developer, kamu perlu tahu kode hex warna ini untuk penerapan di dalam desain, css, ataupun di html.

Ingat, kode hex warna ini tidak wajib dihafal ya. Sekarang silahkan baca sampai tuntas demi wawasan kita bersama.

Baca juga: Perbedaan antara Model Warna RGB dan CMYK

Pengertian Kode HEX Warna

Pertanyaannya, apa itu kode HEX warna?

Pengertian kode HEX warna adalah suatu nilai warna hexadecimal (heksadesimal) untuk mengidentifikasikan bermacam jenis model warna yang akan ditampilkan.

Warna yang dihasilkan ini hasil dari gabungan antara tiga nilai yaitu: Merah, Hijau, dan Biru yang lebih kita kenal dengan sebutan RGB.

Sistem pewarnaan HEX ini sudah menjadi bagian yang sering kita jumpai dalam dokumen CSS, HTML dalam desain web dan untuk merepresentasikan format warna digital.

Baca juga: Mengulas Arti Warna yang Populer

Penggunaan Kode HEX Warna

Teknologi modern saat ini umumnya menggunakan nilai warna RGB.

Dan mungkin iya atau mungkin juga tidak, bisa menggunakan nilai heksagonal untuk mewakilinya.

Perlu kamu tahu secara umum, bahwa pengguna baru kurang akrab dengan kode warna hex di awal belajar HTML ataupun software desain.

Namun, teknologi terbaru yang masih menggunakan warna digital tetap menangkap nilai heksagonal dan representasi warna.

Alasan paling mudah untuk menggunakan angka heksadesimal adalah representasi nilai dalam kode biner yang ramah untuk manusia.

Maksudnya mudah dipahami oleh kebanyakan manusia.

Kode warna hex sendiri dimulai dengan tanda pound atau hashtag (#) lalu diikuti oleh enam huruf dan/atau angka.

Dua huruf/angka pertama mengacu pada merah, dua berikutnya mengacu pada hijau, dan dua terakhir mengacu pada biru.

Nilai warna ditentukan dalam nilai antara 00 dan FF (bukan dari 0 hingga 255 dalam RGB).

Angka digunakan jika nilainya 1-9. Huruf digunakan bila nilainya lebih tinggi dari 9.

Sebagai contohnya:

A=10

B=11

C = 12

D = 13

E=14

F = 15

Baca juga: Pengertian Animasi, Sejarah, Fungsi, Jenis dan 5 Contohnya, Sudah Tahu?

Kelebihan dan Kekurangan HEX Color Code

Menurut Kingstone Job, kode hex memiliki kelebihan dalam menciptakan berbagai macam warna ketimbang warna dasar seperti merah.

Selain itu terdapat banyak warna yang kita tidak tahu nama spesifiknya.

Dan cara terbaik untuk menghasilkan warna tersebut adalah dengan menemukan kode hex warna.

Perlu kamu ketahui juga bahwa,

Sebagai sistem warna untuk desain grafis dan desain web, heksadesimal mempunyai kelebihan dan kekurangan, yaitu:

Kelebihan

  • Penulisan cepat karena sistem warna HEX menggunakan warna primer (dasar) antara lain: hitam, putih, merah.
  • Hampir semua jenis browser (peramban) mampu menangkap warna dengan kode HEX tanpa takut hasilnya tidak tampil.

Kekurangan

  • Memerlukan aplikasi pihak ketiga untuk menemukan kode warna yang tepat.
  • Dan karena itu kamu sebagai desainer akan merasa kesulitan dalam menentukan kode warna yang akurat atau sesuai.

Baca juga: Mengenal Apa itu Flat Design beserta Contohnya

Perbedaan Warna HEX dengan RGB

Bagi Joshua Rystedt, sebetulnya tidak ada perbedaan informasi antara warna RGB dan HEX.

Keduanya hanyalah cara yang berbeda untuk mengkomunikasikan hal yang sama, yaitu nilai warna merah, hijau, dan biru.

HEX bersama dengan RGB, adalah salah satu “bahasa” warna yang digunakan dalam pengkodean seperti pada HTML, CSS, dan software desain.

Intinya, HEX adalah referensi berbasis karakter numerik dari angka RGB.

Baca juga: Bedanya Resolusi PPI, DPI, dan LPI

Cara Tahu Kode HEX Warna suatu Situs dan Gambar atau Foto

kode hex warna color picker
Src: chrome.google.com

Penasaran kode HEX dari warna yang ada pada situs web hingga pada gambar yang kamu lihat?

Ada caranya lho, dan mudah.

Kamu hanya perlu mengunjungi situs imagecolorpicker kemudian unggah gambar, foto, atau hasil screenshot situs web yang ingin kamu ketahui kode warnanya.

Namun, jika kamu mempunyai aplikasi Adobe Photoshop, kamu juga bisa menggunakannya untuk mengecek kode warna.

Caranya tinggal gunakan tools color picker di Photoshop, lalu seret kursor ke objek yang ingin kamu cek warnanya.

Selesai, semudah itu!

Baca juga: Perbedaan Vektor vs Bitmap yang Perlu Kamu Tahu

Daftar Kode Hex Warna

Sekarang kita masuk ke bagian yang ditunggu-tunggu nih.

Kamu ingin tahu apa saja kode warna pada nilai heksadesimal ini? Yuk silahkan cek di bawah.

Kode Hex Warna Hitam

#000000 adalah kode warna untuk warna hitam.

Kode Hex Warna Kuning

#FFFF00 adalah kode warna untuk warna kuning.

Kode Hex Warna Merah

#FF0000 adalah kode untuk warna merah.

Kode Hex Warna Putih

#FFFFFF adalah kode untuk warna putih.

Kode Hex Warna Biru

#0000FF adalah kode untuk warna biru.

Kode Hex Warna Gold (Emas)

#FFD700 adalah kode untuk warna emas.

Kode Hex Warna Hijau

#008000 adalah kode untuk warna hijau.

Kode Hex Warna Coklat

#964B00 adalah kode untuk warna coklat.

Kode Hex Warna Pas Foto

#DB1514 adalah kode warna untuk warna merah pas foto.

#0090FF adalah kode warna untuk warna biru pas foto.

Kode Hex Lainnya

Ivory = #FFFFF0

Gray / Abu-abu = #808080

Silver = #C0C0C0

Purple / Ungu = #800080

Orange / Jingga = #FFA500

Merah Maroon = #800000

Fuchsia = #FF00F

Baca juga: Pengertian DKV dan Posisi Kerja Lulusan DKV

Sistem Warna Lainnya

Penting untuk kamu catat bahwa sistem warna RGB bukan satu-satunya sistem warna yang digunakan dalam dunia teknologi.

Sistem warna berbeda yang dikenal sebagai CMYK atau cyan, yellow, magenta dan black, juga digunakan untuk mengelola pencetakan warna.

Namun, sistem RGB ini lebih mendominasi dalam representasi gambar digital.

Penutup

Jadi Kode HEX Warna merupakan bagian dari cara-cara memasukkan warna pada dokumen desain, css, ataupun html.

Selain daripada itu, ada juga istilah lainnya semisal LAB, LUV, HSL, HWB, dan yang lainnya.

Namun akan kami ulas pada tulisan selanjutnya, jadi silahkan berlangganan agar tidak terlewat tulisan terbaru di ApriDesain.

Sekian artikel tentang kode HEX warna ini, kami harap dapat dijadikan tambahan ilmu pengetahuan bagi yang membacanya.

Jangan lupa untuk berikan tanggapan kamu di kolom komentar dan bagikan artikel ini ya apabila bermanfaat.

Tinggalkan komentar