Mencari pengonversi warna lain?
Bagaimana mengubah RGB menjadi HEX
Mengonversi warna dari RGB ke HEX semudah mengubah nilai angka dari sistem angka desimal ke heksadesimal. Untuk mengonversi warna RGB (50, 168, 82), kami mengonversi setiap angka menjadi nilai heksadesimal:
50 = 32
168 = A8
82 = 52
RGB(50, 168, 82) = #32A852
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
Apa itu Heksadesimal
Heksadesimal menjelaskan sistem bilangan basis 16 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
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 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
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)
Perbedaan antara RGB dan Hex
Seperti yang dapat kita lihat dari contoh di atas, perbedaan utama antara RGB dan HEX adalah ia menggunakan sistem angka yang berbeda. RGB menggunakan desimal, dan HEX menggunakan heksadesimal.
Mengonversi warna dari RGB ke HEX semudah mengubah nilai angka dari desimal ke sistem bilangan heksadesimal.
RGB vs HEX - 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
