Penukar ini menerima semua bentuk hex CSS: 6 digit #ff5733, singkatan 3 digit #f53, serta bentuk 4 dan 8 digit dengan saluran alfa, dengan atau tanpa #. Ia memaparkan rentetan rgb() atau rgba(), nilai saluran mentah dan pecahan setiap saluran - berserta baris penukaran RGB ke HEX sekiranya anda perlukan arah sebaliknya. Semuanya berjalan dalam pelayar anda - tiada muat naik, tiada akaun, tiada had.
Penukar HEX ke RGB
Berjalan sepenuhnya dalam pelayar anda - tanpa muat naik, tanpa pendaftaran.
CSS
rgb(255, 87, 51)Nilai RGB
255, 87, 51Cara ia ditukar
Merah
FF255Hijau
5787Biru
3351Perlukan arah sebaliknya? RGB ke HEX
#ff5733Bagaimana cara tukar HEX ke RGB?
Kod warna hex terdiri daripada tiga pasang digit heksadesimal, satu pasang bagi setiap saluran. Tukar setiap pasang kepada nombor perpuluhan dari 0 hingga 255: dalam #ff5733, ff bermaksud merah 255, 57 bermaksud hijau 87 dan 33 bermaksud biru 51, jadi nilai RGB ialah rgb(255, 87, 51). Alat ini melakukannya serta-merta semasa anda menaip.
Cara guna
- 1Masukkan kod hex. Taip atau tampal warna hex seperti #ff5733 (atau #f53), atau pilih dengan swatch warna. Tanda # adalah pilihan.
- 2Baca nilai RGB. Rentetan rgb(), nilai 0-255 mentah dan pratonton warna langsung dikemas kini semasa anda menaip, lengkap dengan pecahan setiap saluran yang menunjukkan cara setiap pasang hex ditukar.
- 3Salin format yang diperlukan. Klik Salin di sebelah rentetan rgb() atau nilai mentah. Perlukan arah sebaliknya? Masukkan nilai red, green dan blue di bawah untuk dapatkan semula kod hex.
Untuk siapa
- Pembangun front-end yang menukar kod hex daripada panduan gaya kepada rgb() supaya boleh menambah ketelusan dengan rgba().
- Pereka bentuk yang memindahkan warna jenama antara alat - ada yang mahukan hex (CSS, Figma), ada yang mahukan nilai 0-255 (sesetengah aplikasi cetak dan video).
- Pasukan e-mel dan pemasaran yang menyamakan warna kempen merentasi editor yang hanya menerima satu notasi.
- Pembangun permainan dan aplikasi yang memasukkan nilai saluran 0-255 ke dalam enjin dan SDK yang tidak boleh menghurai rentetan hex.
Soalan lazim
Adakah penukar HEX ke RGB ini percuma?
Ya - 100% percuma tanpa pendaftaran dan tanpa had. Semuanya berjalan sepenuhnya dalam pelayar anda.
Adakah warna saya dimuat naik ke mana-mana?
Tidak. Penukaran ini hanyalah JavaScript biasa yang berjalan pada peranti anda - tiada apa-apa dihantar ke pelayan, dan ia terus berfungsi luar talian selepas halaman selesai dimuatkan.
Apakah formula untuk menukar HEX ke RGB?
Pecahkan kod hex kepada tiga pasang dan tukar setiap pasang daripada asas 16 kepada perpuluhan: darabkan digit pertama dengan 16 dan tambah digit kedua (a=10 ... f=15). Dalam #ff5733, ff = 15x16+15 = 255, 57 = 5x16+7 = 87, 33 = 3x16+3 = 51.
Adakah ia menyokong singkatan 3 digit seperti #f53?
Ya. Dalam singkatan CSS setiap digit digandakan, jadi #f53 mengembang kepada #ff5533 dan ditukar kepada rgb(255, 85, 51). Bentuk 4 digit berfungsi sama, dengan digit terakhir sebagai alfa.
Bagaimana ia menukar HEX kepada RGBA?
Kod hex 8 digit membawa alfa pada pasangan terakhirnya. Byte itu (0-255) dibahagi dengan 255 untuk mendapatkan alfa 0-1 yang diperlukan rgba(), dibundarkan kepada tiga perpuluhan - jadi #ff573380 menjadi rgba(255, 87, 51, 0.502).
Bolehkah ia menukar RGB kembali kepada HEX?
Ya. Gunakan baris RGB ke HEX di bawah keputusan: masukkan nilai red, green dan blue dari 0 hingga 255 dan ia akan memulangkan kod hex serta-merta. Nilai di luar julat akan dikekang kepada 0-255.
Kenapa saya perlukan rgb() berbanding hex?
Kebanyakannya untuk alfa dan pengiraan: rgba(255, 87, 51, 0.5) menjadikan warna lut sinar, dan banyak API, enjin permainan serta spesifikasi reka bentuk memerlukan nombor saluran 0-255 berasingan berbanding rentetan hex.