Konversi RGB ke HEX Online
Konversi nilai RGB dan RGBA ke kode HEX secara instan, langsung di browser Anda.
Mengapa menggunakannya
Dari nilai RGB ke kode HEX yang tepat
Mendukung RGBA
Juga mengonversi warna dengan transparansi. Kanal alpha disertakan dalam hasil HEX 8 karakter.
Privat
Tanpa server, tanpa log. Konversi berlangsung sepenuhnya di browser Anda.
Pemangkasan otomatis
Nilai di luar rentang secara otomatis disesuaikan ke nilai valid tanpa pesan kesalahan.
Instan
Hasil ditampilkan secara real-time saat Anda menyesuaikan nilai RGB.
Cara kerjanya
Tiga langkah, tanpa kerumitan
Masukkan nilai RGB
Ketik nilai untuk kanal merah (R), hijau (G), dan biru (B) dalam rentang 0 hingga 255. Secara opsional, tambahkan kanal alpha (A) antara 0 dan 1 untuk mendapatkan kode HEX dengan transparansi (#RRGGBBAA).
Konversi otomatis
Konverter langsung menghitung kode HEX yang sesuai. Nilai di luar rentang 0 hingga 255 secara otomatis dipangkas ke nilai valid terdekat. Nilai desimal dibulatkan ke bilangan bulat terdekat.
Salin kode HEX
Dapatkan hasil dalam format #RRGGBB atau #RRGGBBAA, siap digunakan dalam CSS, HTML, SVG, atau alat desain apa pun yang menerima kode HEX.
FAQ
Ada pertanyaan?
RGB (Merah, Hijau, Biru) adalah model warna aditif berbasis emisi cahaya. Mencampur ketiga warna primer pada nilai maksimum (R=255, G=255, B=255) menghasilkan putih; dengan semua nilai nol (0,0,0) menghasilkan hitam. Model RGB mencerminkan cara kerja piksel pada layar dan monitor modern: setiap piksel mengandung tiga subpiksel (merah, hijau, dan biru) yang menyala pada intensitas berbeda untuk menciptakan warna apa pun yang terlihat. Model ini juga digunakan oleh mata manusia: retina memiliki tiga jenis sel kerucut yang peka terhadap panjang gelombang mendekati merah, hijau, dan biru.
Rentang 0 hingga 255 sesuai dengan 8 bit per kanal warna. Satu byte (8 bit) dapat merepresentasikan 2 pangkat 8 atau 256 nilai berbeda (0 hingga 255). Dengan 8 bit per kanal dan 3 kanal (R, G, B), setiap warna menempati 24 bit (3 byte), memungkinkan 256 pangkat tiga atau 16.777.216 warna berbeda. Standar true color 24-bit ini diadopsi secara universal pada tahun 1990-an ketika monitor VGA dan SVGA mulai mendukungnya. Layar HDR modern menggunakan 10 atau 12 bit per kanal, tetapi ruang sRGB web tetap didefinisikan dalam 8 bit untuk kompatibilitas.
Nilai RGB yang valid berada dalam rentang 0 hingga 255. Jika Anda memasukkan nilai seperti R=300, sebagian besar implementasi CSS akan memangkasnya ke nilai maksimum valid: 255. Perilaku pemangkasan ini didefinisikan dalam spesifikasi CSS Color Level 4. Dalam praktiknya, hal ini terjadi saat melakukan perhitungan matematis dengan warna, misalnya mencampurkan dua warna dengan menjumlahkan nilainya, atau saat mengimpor warna dari ruang warna dengan kedalaman bit lebih tinggi (16-bit atau HDR).
RGBA menambahkan kanal alpha (A) keempat pada model RGB untuk mengontrol opasitas atau transparansi warna. Nilai alpha berkisar dari 0 (sepenuhnya transparan) hingga 1 (sepenuhnya buram), meskipun dalam CSS juga dapat dinyatakan sebagai persentase (0% hingga 100%). Ekspresi rgba(255, 87, 51, 0.5) merupakan warna rgb(255,87,51) dengan opasitas 50%. Kanal alpha memengaruhi cara warna dikomposisi di atas elemen di belakangnya, mengikuti mode komposisi source-over dari spesifikasi komposisi SVG/HTML (W3C Compositing and Blending Level 1).
Layar menggunakan RGB karena memancarkan cahaya, dan mencampurkan cahaya merah, hijau, dan biru dapat mereproduksi warna apa pun dalam spektrum tampak bagi mata manusia, dalam batas gamut perangkat. Hal ini sesuai dengan teori trikromatik Young-Helmholtz (Thomas Young, 1802; Hermann von Helmholtz, 1850) yang menunjukkan bahwa mata manusia memiliki tiga jenis fotoreseptor (kerucut S, M, L) yang peka terhadap panjang gelombang sekitar 420 nm (biru), 530 nm (hijau), dan 560 nm (merah). Monitor CRT warna pertama pada tahun 1970-an hingga 1980-an mengimplementasikan arsitektur ini secara langsung, dan LCD, OLED, serta microLED modern mewarisinya.
RGB: sejarah dari Young-Helmholtz hingga standar sRGB
Teori trikromatik warna diusulkan oleh Thomas Young pada tahun 1802 dan diperluas oleh Hermann von Helmholtz pada tahun 1850, menetapkan bahwa mata manusia mempersepsikan warna melalui tiga jenis reseptor yang peka terhadap panjang gelombang panjang (merah), sedang (hijau), dan pendek (biru). James Clerk Maxwell secara eksperimental mendemonstrasikan sintesis warna aditif pada tahun 1861 dengan menciptakan foto berwarna pertama dalam sejarah: ia menumpangkan tiga foto hitam-putih yang diambil dengan filter merah, hijau, dan biru, lalu memproyeksikannya secara bersamaan dengan lentera berwarna yang sesuai. Gambar tartan Skotlandia yang dihasilkan dianggap sebagai foto berwarna pertama, meskipun reproduksinya tidak sempurna karena keterbatasan kolodion pada masa itu.
Model warna RGB aditif yang diterapkan pada layar berasal dari tabung sinar katoda (CRT) pada tahun 1950-an hingga 1960-an, yang menggunakan tiga fosfat warna untuk memancarkan cahaya merah, hijau, dan biru saat terkena sorotan elektron. Monitor CRT warna komersial pertama adalah IBM 8503 (1984). Koreksi gamma, yang mengkompensasi hubungan non-linear antara tegangan listrik dan kecerahan yang dipersepsi oleh monitor CRT, menjadi komponen fundamental standar sRGB: ruang sRGB mendefinisikan kurva transfer warna yang menerapkan koreksi gamma sekitar 2,2.
Pengkodean gamma memiliki implikasi kritis bagi perhitungan pencampuran warna. Mencampurkan dua warna sRGB dengan langsung menjumlahkan dan merata-rata nilai RGB menghasilkan hasil yang tidak tepat, yaitu warna terlalu gelap di titik tengah, karena nilai sRGB tidak linier. Pencampuran yang benar secara perseptual mengharuskan konversi ke ruang linier (gamma 1,0) terlebih dahulu, kemudian merata-rata, lalu mengonversi kembali. Masalah ini memengaruhi gradasi CSS, antialiasing font, komposisi lapisan di editor gambar, dan interpolasi warna apa pun. CSS Color Level 4 mengatasi hal ini dengan ruang warna linear (srgb-linear) dan perceptually uniform (oklch, oklab) yang memungkinkan penentuan ruang interpolasi secara eksplisit.