Mencari pengonversi warna lain?
Bagaimana mengubah HEX ke RGB
Mengubah warna dari HEX ke RGB semudah mengubah nilai angka dari sistem angka heksadesimal ke desimal. Untuk mengubah warna hex #32A852, kami membagi kode menjadi dua pasangan 32 A8 52 dan ubah setiap pasangan menjadi nilai desimal:
32 = 50
A8 = 168
52 = 82
#32A852 = RGB(50, 168, 82)
Apa itu Heksadesimal
Heksadesimal menggambarkan sistem bilangan berbasis 16 - sistem bilangan yang terdiri dari 16 simbol. Ini menggunakan angka dari 0 hingga 9 untuk mewakili angka dari 0 hingga 9, dan huruf A hingga F untuk mewakili angka dari 10 hingga 15.
Ini paling sering digunakan dalam ilmu komputer dan matematika sebagai sarana untuk merepresentasikan kode biner dalam bentuk yang dapat dibaca manusia.
Tidak seperti komputer atau ilmuwan, kebanyakan dari kita menggunakan sistem angka desimal. Ini terdiri dari angka 0 hingga 9 dan ini adalah cara standar untuk menggunakan angka. Kami mulai mempelajarinya di prasekolah dan kami menggunakannya setiap hari:
sebuah mobil melaju dengan kecepatan 10 mph
seekor kucing dengan berat 4kg
sebulan terdiri dari 30 hari
Apa itu RGB
RGB singkatan dari rona cahaya Merah, Hijau, dan Biru yang dapat dicampur untuk menciptakan warna yang berbeda. Ini adalah metode standar untuk menghasilkan gambar untuk layar TV, monitor komputer, dan tampilan smartphone.
Lebih tepatnya, RGB adalah model warna aditif, yang berarti Anda harus menambahkan rona bersama untuk menciptakan warna berbeda.
Bayangkan menumpuk warna satu di atas yang lain:
Catatan: perangkat yang berbeda menghasilkan nilai RGB yang berbeda. Setiap perangkat menggunakan teori pencampuran warna yang berbeda, yang berarti warna RGB tidak sama di semua perangkat, dan mereka membutuhkan manajemen warna agar terlihat sama.
Untuk mendeskripsikan warna dalam model warna RGB, Anda harus mengetahui berapa banyak warna merah, hijau, dan biru yang dibutuhkan.
Anda menunjukkan berapa banyak warna merah, hijau dan biru yang dibutuhkan dengan menggunakan triplet RGB (R, G, B) di mana setiap elemen dapat bervariasi dari nol hingga nilai maksimum yang ditentukan.
Jika semua elemen bernilai nol (0, 0, 0) - hasilnya warna hitam.
Jika semua elemen maksimal (255, 255, 255) - hasilnya warna putih.
Kombinasi angka-angka ini menghasilkan warna yang berbeda (255, 255, 0) - hasilnya warna kuning
Ini dikenal sebagai kedalaman warna dan diukur dalam bit.
Pada tahun 2018, hampir setiap TV, komputer, dan layar smartphone menggunakan kedalaman warna 24-bit warna sebenarnya. Ini mendukung delapan bit untuk masing-masing dari tiga warna, atau total 24 bit.
Ini memberikan 28 atau 256 nilai yang mungkin untuk merah, hijau dan biru:
256 x 256 x 256 = 16,777,216 total kemungkinan warna dalam palet warna yang sebenarnya
Sekarang setelah kita mengetahui perbedaan antara heksadesimal dan desimal, mari kita periksa bagaimana kita dapat mengonversi satu sama lain.
Seperti yang telah kita ketahui, dalam sistem bilangan heksadesimal, angka dari 0 hingga 9 mewakili 0 hingga 9, dan huruf A hingga F mewakili 10 hingga 15 dalam sistem desimal.
Berikut adalah tabel mendalam yang pandai menjelaskan konversi dari bilangan heksadesimal ke desimal:
Bagaimana mengubah HEX ke RGB
Untuk mengubah HEX menjadi RGB, Anda harus membagi nilai heksadesimal menjadi dua pasangan dan mengubahnya menjadi angka desimal.
Contoh #1: ubah warna menjadi merah #FF0000 untuk RGB:
FF = 255
00 = 0
00 = 0
RGB = (255, 0, 0)
Contoh #2: ubah warna menjadi hijau #00FF00 untuk RGB:
00 = 0
FF = 255
00 = 0
RGB = (0, 255, 0)
Contoh #3: mengubah warna menjadi biru #0000FF untuk RGB:
00 = 0
00 = 0
FF = 255
RGB = (0, 0, 255)
Contoh #4: mengubah warna menjadi hitam #000000 untuk RGB:
00 = 0
00 = 0
00 = 0
RGB = (0, 0, 0)
Contoh #5: mengubah warna menjadi putih #FFFFFF untuk RGB:
FF = 255
FF = 255
FF = 255
RGB = (255, 255, 255)
Bonus contoh #6: mengubah warna emas #FFD700 untuk RGB:
FF = 255
D7 = 215
00 = 0
RGB = (255, 215, 0)
Bagaimana mengubah RGB menjadi HEX
Untuk mengubah RGB menjadi HEX, Anda harus mengubah nilai warna merah hijau dan biru dari desimal ke heksadesimal.
Contoh #1: ubah warna menjadi merah (255, 0, 0) untuk HEX:
R = 255 = FF
G = 0 = 00
B = 0 = 00
HEX = #FF0000
Contoh #2: ubah warna menjadi hijau (0, 255, 0) untuk HEX:
R = 0 = 00
G = 255 = FF
B = 0 = 00
HEX = #00FF00
Contoh #3: mengubah warna menjadi biru (0, 0, 255) untuk HEX:
R = 0 = 00
G = 0 = 00
B = 255 = FF
HEX = #0000FF
Contoh #4: mengubah warna menjadi hitam (0, 0, 0) untuk HEX:
R = 0 = 00
G = 0 = 00
B = 0 = 00
HEX = #000000
Contoh #5: mengubah warna menjadi putih (255, 255, 255) untuk HEX:
R = 255 = FF
G = 255 = FF
B = 255 = FF
HEX = #FFFFFF
Bonus contoh #6: mengubah warna emas (255, 215, 0) untuk HEX:
R = 255 = FF
G = 215 = D7
B = 0 = 00
HEX = #FFD700
Perbedaan antara Hex dan RGB
Seperti yang dapat kita lihat dari contoh di atas, perbedaan utama antara Hex dan RGB adalah ia menggunakan sistem angka yang berbeda. HEX menggunakan heksadesimal, dan RGB menggunakan desimal.
Mengubah warna dari HEX ke RGB semudah mengubah nilai angka dari sistem angka heksadesimal ke desimal.
HEX vs RGB - mana yang lebih baik
Dari pengalaman kami dan dari apa yang tim kami amati selama bertahun-tahun, heksadesimal lebih sering digunakan daripada RGB terutama dalam pengembangan web dan industri desain web.
Namun, tidak ada bedanya mana yang Anda gunakan karena keduanya mewakili warna yang sama. Satu-satunya saran - tetap konsisten.
Jika Anda mulai menggunakan RGB di seluruh proyek web kami - patuhi itu. Jika Anda mulai menggunakan HEX di seluruh proyek web kami, coba gunakan HEX saja
