Warna heksadesimal adalah bahasa visual web. Saat Anda ingin halaman web (atau aplikasi web) menampilkan warna tertentu, Anda memberi tahu kode hex.  kode warna hex adalah kode 6-simbol yang terdiri dari hingga tiga elemen 2-simbol. Masing-masing dari elemen 2-simbol mengekspresikan nilai warna dari 0 hingga 255. Kita semua pernah melihatnya sebelumnya, mereka terlihat seperti ini: #ff0000. Itu kode hex untuk warna merah. Namun, apa sebenarnya artinya?

Heksadesimal

Sebagian besar dari kita pernah mendengar tentang biner sebelumnya, tapi bagaimana dengan heksadesimal? Heksadesimal, kadang-kadang dikenal sebagai 'hex' atau 'basis 16' adalah alternatif biner, yaitu 'basis 2'. Heksadesimal dapat digunakan untuk menyimpan angka. Jadi bagaimana cara kerjanya?

Dasar-dasar

Ada 16 karakter yang mungkin dalam heksadesimal, mereka termasuk 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E dan F. Setiap karakter mewakili bilangan bulat dari nol sampai lima belas.

Sekarang setelah kita mengetahui arti dari masing-masing karakter, mari kita mulai mengonversi bilangan bulat menjadi heksadesimal. Jadi mari kita ubah angka 2.087 menjadi heksadesimal.

Beberapa Contoh

Pertama, mari kita mulai dengan membagi 2.087 dengan 16. Itu akan memberi kita hasil 130 dengan sisa 7. Menurut grafik kita dari atas, 7 juga '7' dalam heksadesimal, jadi sekarang kita perlu menetapkan '7 ' ke samping dan bagi 130 dengan 16. Jawaban kita adalah 8 dengan sisa 2. Pada bagan kita, 2 adalah '2', jadi atur ke samping dan kita perlu membagi 8 dengan 16. Ini akan menghasilkan 0 dengan a sisa 8, yang diterjemahkan menjadi '8' dalam heksa. Jadi kami memiliki 3 hasil kami yaitu 7, 2 dan 8. Kami akan menggabungkannya dalam urutan terbalik untuk mendapatkan nilai heksadesimal kami yang berarti 2,087 adalah '0x827'. 0x ada untuk melambangkan bahwa itu adalah nilai hex.

Mari kita coba yang lain, kali ini kita akan mencoba angka 255. Pertama kita perlu membagi 255 dengan 16. Itu akan menghasilkan 15 dengan sisa 15. Sekarang kita ambil sisanya dan sejajarkan dengan grafik kita. 15 terjemahkan ke 'F', jadi kita bisa menyimpan 'F' untuk nanti. Sekarang kita perlu membagi 15 dengan 16, yang akan menghasilkan 0 dengan sisa 15. Kita tahu bahwa 15 diterjemahkan menjadi 'F', yang menjadikan hasil kita '0xFF'.

Kode Warna Kode

warna hex biasanya terlihat seperti ini: #ff0000, tapi apa artinya ini? Nah, mari kita hancurkan!

RGB

RGB adalah singkatan dari Red, Green, dan Blue. Warna-warna ini adalah warna utama cahaya. Nilai RBG mungkin terlihat seperti ini: rgb(255, 0, 0). Pada awalnya ini mungkin tidak terlihat banyak, tetapi jika kita perhatikan lebih dekat, angka pertama mewakili merah, angka kedua mewakili hijau, dan angka ketiga mewakili biru. Nilai pada titik tersebut dapat berkisar dari 0, hingga 255. Mari kita coba membuat beberapa warna!

Dengan cahaya, merah dan biru membuat magenta, jadi mari kita coba membuat warna magenta dengan RGB. Jadi untuk mendapatkan warna magenta yang cerah, mari kita atur biru dan merah ke nilai maksimumnya 255. Jadi kita punya: rgb(255, 0, 255), yang memberi kita warna seperti ini:

rgb(255, 0, 255)

Tetapi bagaimana jika kita menginginkannya menjadi sedikit lebih terang, seperti warna yang lebih merah muda? Bagaimana kita melakukannya? Putih dalam RBG adalah rgb(255, 255, 255), semua warna digabungkan. Jadi bagaimana kalau kita mencoba mengubah rgb(255, 0, 255) menjadi rgb(255, 150, 255)? Kami mendapatkan hasil pink muda.

rgb(255, 150, 255)

Jadi bagaimana dengan warna yang lebih gelap? Jadi kita bisa memiliki pink tua? Dalam RGB, hitam adalah rgb(0, 0, 0), jadi mari kita dekatkan nilai kita dengan itu. Jadi mari kita coba rgb(150, 0, 150). Dengan itu, saya mendapatkan ini:

rgb(150, 0, 150)

Hex Colors

Sekarang setelah kita memiliki pemahaman yang baik tentang RGB, kita dapat memahami cara kerja warna hex. Warna hex akan terlihat seperti ini, #ff0000. Tapi apa artinya ini? Mari gabungkan apa yang kita ketahui tentang RBG dan Heksadesimal untuk mengetahuinya. Kita tahu bahwa 0xFF adalah 255 dalam heksadesimal, dan 255 adalah nilai maksimum untuk RGB. Jika kita melihat apa itu #ff0000, kita dapat melihat bahwa itu adalah warna merah cerah:

#ff0000

Yang dapat kita temukan adalah bahwa #ff0000 translate to rgb(255, 0, 0). Mari kita coba untuk mendapatkan warna magenta kita lagi, kita tahu bahwa itu adalah rgb(255, 0, 255), jadi mari kita lihat apa yang #ff00ff dapatkan dari kita.

#ff00ff

Luar biasa! Kami mendapatkan warna magenta kami, sekarang mari kita coba untuk mendapatkan warna yang lebih terang lagi, tapi kali ini dalam hex. Magenta cahaya kita dalam RGB adalah rgb(255, 150, 255), jadi jika kita mengubah 150 menjadi heksagonal, 150 dibagi 16 adalah 9 dengan sisa 6. 9 dibagi 16 adalah 0 dengan sisa 9, menjadikan heksadesimal kita nilai '0x96'. Hasilnya adalah warna hex #ff96ff kami, dan ketika kami melihat hasilnya, kami mendapatkan magenta muda kami.

#ff96ff

Kesimpulan

Setelah membaca ini, Anda dapat memahami bagaimana warna heksagonal bekerja, bagaimana dua karakter pertama untuk merah, dua berikutnya untuk hijau, dan dua berikutnya untuk biru untuk warna RGB. Saya harap artikel ini mengajari Anda sesuatu yang baru, apakah itu warna hex, RGB, atau base16.