Konversi RGB ke HEX Red Green Blue ↔ Hexadecimal Gratis Daring Aman
Ketik sebuah nilai dalam RGB dan bacalah langsung dalam HEX. Hitungannya terjadi di peramban Anda, tidak ada yang dikirim ke mana pun, dan apa yang menentukan hasilnya tertulis di bawah, bukan diandaikan.
Tidak ada unggahan
Dari mana notasi ini berasal
Heksadesimal dan RGB adalah hal yang sama, ditulis dua kali. Warna layar adalah tiga bilangan — seberapa banyak cahaya merah, hijau, dan biru yang dipancarkan — masing-masing 0 sampai 255, yaitu satu bita; heksadesimal sekadar menulis bita itu dalam basis enam belas, sehingga #FF8800 dan rgb(255, 136, 0) adalah perintah yang sama kepada piksel yang sama. HSL diciptakan karena keduanya tak terbaca oleh manusia: ia memberi rona sebagai sudut pada roda warna, dengan kejenuhan dan kecerahan sebagai persentase, sehingga perancang dapat menerangkan sesuatu tanpa menghitung ulang tiga angka. CMYK milik dunia yang sama sekali lain — tinta, bukan cahaya. Ia bersifat kurangan, dibangun dari empat pelat cetak, dan tak dapat mencapai setiap warna yang sanggup dibuat layar, sebab layar memancarkan cahaya sedangkan kertas hanya memantulkannya.
Di mana Anda menemuinya
Heksadesimal adalah yang Anda ketikkan ke dalam lembar gaya dan yang diserahkan alat rancang kepada Anda. RGB muncul di mana pun sebuah warna memerlukan hitungan: gradasi, kebeningan, kode yang menghitung sebuah naungan. HSL dipakai saat menyetel palet dengan tangan, sebab perubahan yang diinginkan biasanya perubahan salah satu dari tiga angkanya. CMYK adalah yang diminta percetakan, dan mengubah ke dalamnya adalah saat sebuah rancangan berhenti menjadi cahaya dan menjadi tinta.
Pertanyaan yang sering diajukan
Mengapa hasil CMYK saya berbeda dari yang diberikan percetakan?
Karena tak ada satu konversi yang benar. Hitungan di halaman ini adalah yang sederhana dan tak bergantung peranti — jawaban yang tepat bila Anda butuh titik tolak atau padanan kasar. Percetakan mengubahnya lewat profil warna yang memperhitungkan tinta, kertas, dan mesin tertentu; warna RGB yang sama akan memberi nilai CMYK berbeda pada kertas berkilap dibanding kertas tanpa lapisan. Untuk apa pun yang harus sama persis, mintalah profil kepada percetakan alih-alih memercayai sebuah rumus.
Mengapa sebagian warna layar tak bisa dicetak?
Karena keduanya tak menjangkau warna yang sama. Layar membuat warna dengan menambahkan cahaya dan sanggup menghasilkan sian atau hijau yang pekat dan menyala, yang tak dapat ditandingi tinta; kertas membuat warna dengan menyerap cahaya, dan paling terang yang dapat dicapainya hanyalah putih halaman. Himpunan warna yang dapat dijangkau masing-masing disebut gamut, dan di tempat keduanya tak bertindih, konversi harus memilih warna terdekat yang tersedia. Itulah sebabnya warna cerah di layar kerap tampak sedikit kusam saat dicetak.
Apakah hasilnya tepat?
Bila kedua satuan saling didefinisikan dengan bilangan bulat, ya — halaman menyatakannya di atas angka, dan pembulatan hanya ada pada berapa digit yang ditampilkan. Bila rasionya tidak berujung sebagai desimal, halaman menampilkan dua belas angka penting dan menyebut hubungannya hampiran, bukan berpura-pura sebaliknya.
Apakah yang saya ketik meninggalkan perangkat saya?
Tidak. Perhitungan berjalan di peramban Anda; tidak ada yang diunggah, dan memang tidak ada server untuk menerimanya. Sekali dimuat, halaman tetap bekerja meski jaringan dimatikan.
Mengapa Anda konversi RGB ke HEX
Editor gambar, pemilih warna di sistem operasi, atau sebaris kode memberi Anda warna sebagai tiga angka: 90, 70, 50. Stylesheet, berkas token desain, atau pesan kepada rekan menginginkannya sebagai satu kode pendek: #5A4632. Langkah di antara keduanya adalah apa yang dilakukan halaman ini. Konversi RGB ke HEX berarti menulis ketiga angka yang sama dalam basis enam belas, dua digit masing-masing, dan menaruh tanda pagar di depannya. Mudah dilakukan untuk satu warna dan melelahkan untuk dua puluh, dan mudah salah ketika sebuah angka memerlukan nol di depan atau sebuah digit berupa huruf.
Konversinya eksak, yang tidak berlaku untuk setiap konversi warna. Hex dan rgb() adalah dua ejaan dari tiga angka yang sama, jumlah cahaya merah, hijau, dan biru yang harus dipancarkan layar, masing-masing dari 0 sampai 255. Tidak ada yang diperkirakan, dan perjalanan bolak-balik mengembalikan apa yang dimulainya. Halaman ini melakukannya di browser Anda, dan tidak ada yang diunggah. Di bawah Anda akan menemukan bagaimana setiap angka menjadi dua digit hex, bagaimana transparansi dibawa, batas sRGB, tempat orang perlu konversi RGB ke HEX, dan beberapa kebiasaan yang menjaga warna dalam proyek tetap konsisten.
Cara kerja konversi
Setiap angka menjadi dua digit hex
Ambil rgb(90, 70, 50). Bagi setiap angka dengan enam belas: 90 adalah 5 kali 16 ditambah 10, dan 10 adalah digit A, jadi 90 menjadi 5A. 70 adalah 4 kali 16 ditambah 6, jadi 46. 50 adalah 3 kali 16 ditambah 2, jadi 32. Gabungkan ketiga pasangan dan tambahkan tanda pagar: #5A4632. Halaman ini melakukannya untuk Anda saat Anda mengetik, dan menampilkan kalimat rgb(90, 70, 50) = #5A4632 agar Anda dapat memverifikasinya.
Nol di depan
Setiap pasangan harus punya dua digit. Angka di bawah 16 memerlukan nol di depan: 7 menjadi 07, dan 0 menjadi 00. Jadi rgb(0, 7, 255) adalah #0007FF, bukan #07FF, yang akan berarti sesuatu yang sangat berbeda. Lupa nol adalah kesalahan paling umum saat melakukan konversi secara manual.
Rentangnya
Setiap angka harus berada di antara 0 dan 255. Nilai di atas 255 tidak dapat ditulis dalam dua digit hex, dan nilai negatif tidak bermakna. Jika perhitungan dalam kode Anda menghasilkan 270 atau −5, batasi ke rentang terlebih dahulu. Konverter melakukan hal yang sama, sehingga tidak pernah menghasilkan kode yang tidak valid.
Apa yang dipertahankan konversi dan apa yang tidak
Ia mempertahankan warna, dengan eksak
Hex dan rgb() adalah dua ejaan dari tiga angka yang sama, 0 sampai 255 untuk merah, hijau, dan biru, jadi tidak ada yang diperkirakan dan perjalanan bolak-balik mengembalikan apa yang dimulainya. Konversi RGB ke HEX dan kembali dan Anda mendapat angka yang Anda mulai.
Ia membawa transparansi
Nilai keempat untuk transparansi juga dibawa: #RRGGBBAA menjadi rgba(), dan sebaliknya. Transparansi 0,5 menjadi pasangan 80, karena separuh dari 255 sekitar 128, yaitu 80 dalam hex. Jadi rgba(90, 70, 50, 0.5) adalah #5A463280. Hex delapan digit diterima oleh semua browser terkini.
Ia tidak dapat menggambarkan warna di luar sRGB
Kedua ejaan menggambarkan sRGB, ruang warna yang telah dipakai layar selama tiga puluh tahun. Keduanya tidak dapat menggambarkan warna di luarnya, yang menjadi alasan adanya notasi CSS yang lebih baru, lab(), oklch(), dan color(). Jika Anda mulai dari warna dalam alat gamut lebar, ketiga angka yang Anda salin sudah berupa versi sRGB, dan hex setia kepadanya.
Ia tidak mempertahankan singkatan
Di mana kode dapat ditulis dalam tiga digit, seperti #AABBCC sebagai #ABC, konverter memberikan bentuk panjang. Bentuk panjang selalu valid dan warnanya sama; bentuk pendek hanya kemudahan bagi pembaca.
Warna umum dan kodenya
Beberapa yang perlu diingat
rgb(255, 255, 255) adalah #FFFFFF, putih: ketiga cahaya pada daya penuh. rgb(0, 0, 0) adalah #000000, hitam: tanpa cahaya sama sekali. rgb(255, 0, 0) adalah #FF0000, merah murni; rgb(0, 255, 0) adalah #00FF00 dan rgb(0, 0, 255) adalah #0000FF. Warna mana pun dengan tiga angka yang sama adalah abu-abu, dan kodenya punya tiga pasangan yang sama: rgb(128, 128, 128) adalah #808080.
Kebiasaan web-safe
Panduan lama berbicara tentang warna web-safe, yang pasangannya hanya 00, 33, 66, 99, CC, atau FF. Itu milik masa layar 256 warna dan tak ada alasan untuk bertahan. Pakai nilai apa pun yang Anda suka; layar dapat menampilkan semuanya.
Cara konversi RGB ke HEX di sini
Ketik ketiga angka
Masukkan warna di kolom pertama dalam bentuk rgb(90, 70, 50), atau dengan angka yang dipisahkan koma atau spasi. Persentase tidak diperlukan; pakai angka dari 0 sampai 255.
Baca kode hex
Jawaban muncul seketika di kolom lain, diawali tanda pagar, dalam huruf kapital. Jika Anda memberi nilai keempat untuk transparansi, kodenya punya delapan digit.
Salin ke pekerjaan Anda
Tempel kode ke stylesheet, berkas token, atau pesan. Tambahkan ke catatan palet Anda agar konversi berikutnya tinggal mencari.
Dari mana notasi ini berasal
Hex dan RGB adalah hal yang sama ditulis dua kali
Warna layar adalah tiga angka, berapa banyak cahaya merah, hijau, dan biru yang dipancarkan, masing-masing dari 0 sampai 255, yaitu satu bita. Hex hanya menulis bita-bita itu dalam basis enam belas, jadi #FF8800 dan rgb(255, 136, 0) adalah instruksi yang sama untuk piksel yang sama.
HSL dan CMYK
HSL diciptakan karena tak satu pun dari keduanya terbaca oleh manusia: ia memberi rona sebagai sudut di sekeliling roda warna, dengan saturasi dan kecerahan sebagai persentase, sehingga desainer dapat membuat sesuatu lebih terang tanpa menghitung ulang tiga angka. CMYK milik dunia yang sama sekali berbeda, tinta alih-alih cahaya. Ia bersifat subtraktif, dibangun dari empat pelat cetak, dan tidak dapat mencapai setiap warna yang dapat dicapai layar, karena layar memancarkan cahaya sedangkan kertas hanya memantulkannya. Lihat HEX ke HSL dan RGB ke CMYK.
Di mana Anda menemuinya
Dalam serah terima desain
Desainer bekerja di editor yang menampilkan nilai rgb atau pemilih; pengembang memerlukan hex untuk stylesheet. Konversi RGB ke HEX adalah langkah di tengah, dan dilakukan untuk setiap warna dalam palet.
Dalam skrip yang menghitung warna
Skrip yang memadukan dua warna atau menggelapkan satu bekerja dengan angka dan berakhir dengan tiga di antaranya. Untuk memakai hasilnya dalam stylesheet, atau menampilkannya, ia harus ditulis sebagai kode hex. Melakukannya secara manual dalam kode hanya beberapa baris; memeriksa hasilnya dengan konverter lebih cepat.
Dalam visualisasi data
Pustaka grafik menerima warna sebagai string hex. Palet yang dihasilkan oleh metode numerik keluar sebagai triplet rgb. Langkah konversi mengubah yang satu menjadi yang lain.
Dalam dokumen dan presentasi
Program kantor menampilkan warna sebagai angka RGB; editor web menginginkan hex. Ketika warna merek harus muncul di keduanya, konversi menjaganya tetap identik.
Jebakan saat Anda konversi RGB ke HEX
Lupa nol di depan
Menulis 7 sebagai 7 dan bukan 07 menggeser setiap digit berikutnya. Selalu pakai dua digit per pasangan.
Mencampur persen dengan 0 sampai 255
rgb(35%, 27%, 20%) adalah ejaan lain dari angka-angka itu, dengan 100 persen adalah 255. Jika sumber Anda memakai persentase, konversi dulu ke 0 sampai 255: kalikan dengan 2,55.
Kesalahan pembulatan pada warna terhitung
Skrip yang menghasilkan 127,5 harus memutuskan apakah itu 127 atau 128. Perbedaannya tak terlihat, tetapi ia membuat dua kode untuk apa yang Anda kira satu warna. Bulatkan dengan cara yang sama di mana-mana.
Mengambil warna dari tangkapan layar
Warna yang dibaca dari tangkapan layar telah melewati manajemen warna layar dan mungkin kompresi. Ia bisa berbeda satu atau dua langkah dari sumbernya. Pakai berkas desain bila bisa.
Pertanyaan yang sering diajukan sebelum mengonversi
Berapa rgb(255, 0, 0) dalam hex?
#FF0000, merah murni.
Berapa rgb(0, 0, 0) dalam hex?
#000000, hitam.
Bolehkah saya memakai huruf kecil dalam kode hex?
Ya. #5a4632 dan #5A4632 adalah warna yang sama. Halaman ini menulis huruf kapital.
Apakah konversinya eksak?
Ya. Ia adalah dua ejaan dari tiga angka yang sama.
Apakah warna saya diunggah?
Tidak. Hitungannya berjalan di browser Anda dan tidak ada yang dikirim ke mana pun.
Bagaimana cara kembali?
Dengan HEX ke RGB, yang membaca ketiga pasangan sebagai angka.
Kebiasaan yang menjaga warna tetap konsisten dalam proyek
Definisikan setiap warna sekali
Taruh palet Anda dalam properti kustom, seperti --brand: #5A4632, dan rujuk warna dengan nama. Ketika Anda konversi RGB ke HEX untuk warna baru, Anda menambah satu baris, dan setiap pemakaian mengikuti.
Pilih satu huruf
Pilih huruf besar atau kecil untuk kode hex dan patuhi. Pencarian warna dalam kode menjadi andal.
Catat sumbernya
Di samping setiap warna, catat dari mana asalnya: panduan merek, logo, gambar yang disampel. Ketika muncul pertanyaan apakah suatu warna benar, Anda tahu di mana memeriksanya.
Uji kontras
Untuk teks di atas latar berwarna, periksa rasio kontras dengan alat. Angka dari bentuk rgb langsung masuk ke rumus, dan bentuk hex adalah yang Anda ketik ke sebagian besar pemeriksa.
Mengapa 256 langkah, dan apa yang ada di balik angka itu
Delapan bit untuk setiap cahaya
Masing-masing dari ketiga angka disimpan dalam delapan bit, yang memungkinkan 256 nilai dari 0 sampai 255. Ketiganya bersama-sama memberi 256 × 256 × 256, sekitar 16,7 juta kombinasi, lebih banyak daripada yang dapat dibedakan mata dalam sebagian besar kondisi. Itulah alasan kode hex panjangnya tepat enam digit: dua untuk setiap cahaya, tidak lebih dan tidak kurang. Ketika Anda konversi RGB ke HEX, Anda menuliskan tiga bita dalam bentuk paling ringkas yang dapat disepakati orang.
Mengapa langkah yang sama tidak tampak sama
Angka-angka itu tidak proporsional dengan cahaya yang sampai ke mata Anda. Layar menerapkan kurva, mendekati pangkat 2,2, sehingga nada gelap mendapat lebih banyak dari 256 langkah daripada nada terang, yang cocok bagi mata. Langkah dari 10 ke 20 tampak sebagai perubahan lebih besar daripada langkah dari 240 ke 250. Bagi Anda ini berarti merata-ratakan dua warna dengan merata-ratakan angkanya tidak memberi warna yang akan Anda lihat dengan mencampur cahayanya, fakta yang penting ketika Anda menghitung gradien dan perpaduan dalam kode.
Abu-abu dan diagonal
Semua abu-abu terletak pada garis di mana ketiga angka sama. Ada 256 di antaranya, dari hitam pada 0 hingga putih pada 255. Jika Anda konversi RGB ke HEX dan ketiga pasangan cocok, Anda langsung tahu bahwa warna itu tak punya rona. Hampir abu-abu dengan pasangan yang berbeda satu atau dua langkah punya semburat samar, yang sering dipakai desainer untuk memberi warna netral sentuhan hangat atau sejuk.
Membangun dan memeriksa palet
Dari segelintir warna terpilih ke sebuah palet
Palet tipikal punya warna primer, aksen, netral untuk teks, netral lebih terang untuk permukaan, dan satu atau dua warna sinyal untuk berhasil dan galat. Pilih masing-masing di alat desain Anda, baca angka rgb-nya, dan konversi RGB ke HEX untuk stylesheet. Tulis sebagai properti kustom dengan nama yang menggambarkan peran, dan palet siap dipakai di setiap komponen.
Kontras antara teks dan latar
Teks yang terbaca memerlukan cukup perbedaan kecerahan antara huruf dan latarnya. Pedoman aksesibilitas mendefinisikan rasio kontras yang dihitung dari nilai merah, hijau, dan biru kedua warna, dan meminta setidaknya 4,5 banding 1 untuk teks normal. Pemeriksa menerima kode hex, jadi kode yang Anda hasilkan di sini dapat langsung dimasukkan. Periksa setiap pasangan yang Anda rencanakan untuk dipakai, bukan hanya warna primer di atas putih.
Mengonversi daftar
Ketika Anda punya banyak warna untuk dikonversi, kerjakan satu per satu dan tempel setiap hasil ke tabel dengan nama dan pemakaiannya. Butuh satu menit per warna, dan tabel menjadi acuan bagi seluruh proyek. Jika sebuah warna kemudian disesuaikan, hanya barisnya yang perlu berubah.
Menjaga hex dan rgb tetap selaras
Jika proyek Anda menyimpan sebagian warna sebagai hex dan sebagian sebagai rgb, mudah bagi keduanya untuk menyimpang ketika seseorang menyunting yang satu dan lupa yang lain. Pilih satu sebagai master, biasanya hex, dan turunkan yang lain dengan konverter kapan pun Anda memerlukannya.
Konverter terkait
Keluarga alat yang sama mencakup konversi di sekitarnya. Untuk kembali, pakai HEX ke RGB. Untuk warna yang digambarkan dengan rona, HEX ke HSL dan HSL ke HEX tersedia, dan untuk cetak, RGB ke CMYK, CMYK ke RGB, dan CMYK ke HEX. Untuk ukuran dalam stylesheet yang sama, px ke rem melakukan untuk panjang apa yang dilakukan halaman ini untuk warna.
Contoh hitungan
Katakanlah pemilih warna di editor gambar memberi tahu Anda bahwa aksen sebuah foto adalah rgb(214, 98, 56). Anda mengetik ketiga angka dan membaca #D66238. Di stylesheet Anda menulis --accent: #D66238 dan memakainya untuk tombol dan tautan. Seorang rekan bertanya apa warna itu dalam panduan merek, dan Anda mengirim kodenya. Kemudian Anda memerlukan versi tembus pandang untuk banner, dan Anda mengonversinya kembali dengan HEX ke RGB untuk membangun rgba(214, 98, 56, 0.15). Kedua konversi eksak, jadi banner memiliki rona yang sama dengan tombol.
Daftar periksa singkat
Sebelum mengonversi
Periksa bahwa setiap angka berada di antara 0 dan 255. Putuskan apakah Anda memerlukan transparansi.
Saat mengonversi
Ketik ketiga angka, baca kodenya, dan salin dengan tanda pagarnya.
Setelah mengonversi
Uji warna dalam konteks, pada latar sebenarnya, dan periksa kontras teks apa pun yang berada di atasnya.
Kesalahan umum
Membuang nol di depan
Setiap pasangan punya dua digit. 7 adalah 07.
Menulis angka di atas 255
Tidak dapat ditulis dalam dua digit. Batasi dulu.
Menganggap layar sebagai kebenaran
Angkanya eksak. Tampilannya bergantung pada layar.
Warna Anda tetap di perangkat Anda
Perhitungan terjadi secara lokal. Nilai Anda dipakai oleh browser Anda sendiri dan tidak ada yang dikirim ke mana pun. Tidak ada yang perlu dihapus setelahnya dan tidak ada akun yang harus dibuat. Itulah cara sederhana untuk konversi RGB ke HEX.
Ringkasan
Untuk konversi RGB ke HEX di sini, ketik ketiga angka dan baca kode hex seketika. Konversi mempertahankan warna dengan eksak: hex dan rgb() adalah dua ejaan dari tiga angka yang sama, 0 sampai 255 untuk merah, hijau, dan biru, jadi tidak ada yang diperkirakan dan perjalanan bolak-balik mengembalikan apa yang dimulainya. Nilai keempat untuk transparansi juga dibawa, karena rgba() menjadi #RRGGBBAA, dan sebaliknya. Kedua ejaan menggambarkan sRGB, jadi tidak dapat menggambarkan warna di luarnya. Setiap pasangan punya dua digit, jadi angka di bawah 16 mendapat nol di depan. Tidak ada yang diunggah.