Reka bentuk web dan CSS
Tukar warna daripada fail reka bentuk atau pemilih tangkapan skrin menjadi kod heksadesimal yang diperlukan oleh helaian gaya anda.
Penukar RGB ke HEX — Tukar nilai RGB kepada kod HEX, dan kod HEX kepada RGB, dengan pratonton secara langsung.
Masukkan nombor merah, hijau dan biru, pilih warna, atau tampal kod heks dan lihat semua format sekaligus: HEX, RGB dan HSL. Pratonton langsung dan pemeriksaan kontras menunjukkan warna teks yang paling sesuai. Semua berjalan dalam pelayar anda.
Tukar warna
Warna anda kekal dalam pelayar anda
Pilih atau taip warna
Aa
Kod warna
HEX
–RGB (CSS)
–HSL (CSS)
––Best text color on it
–Perbandingan kontras
Panduan
Panduan RGB ke HEX: Kod Warna, HSL, dan Kontras
Pelajari cara kod warna berfungsi dan cara memilih pasangan warna yang mudah dibaca.
Apakah fungsi penukar RGB ke HEX?
Skrin menghasilkan setiap warna dengan mencampurkan cahaya merah, hijau dan biru. RGB menuliskan campuran itu sebagai tiga nombor dari 0 hingga 255. HEX menuliskan tiga nombor yang sama dalam asas 16 sebagai kod ringkas seperti #1F3A5F, yang biasanya digunakan oleh CSS, alat reka bentuk dan panduan jenama.
Masukkan tiga nombor, pilih warna dengan pemilih, atau tampal kod heks. Semua format dikemas kini serentak, dan anda juga akan mendapat versi HSL serta semakan warna teks yang paling jelas terbaca padanya.
Mengapa Orang Menukar RGB ke HEX
Jenama dan dokumen
Pastikan warna jenama konsisten antara fail logo, pembentangan slaid dan laman web.
Kebolehcapaian
Semak warna teks yang sesuai pada latar belakang dan lihat nisbah kontras sebelum anda menerbitkan.
Bagaimana RGB menjadi HEX
Setiap satu daripada tiga nombor ditukar menjadi nilai dua digit berasaskan 16, kemudian ketiga-tiga pasangan digabungkan.
RGB: 31, 58, 95
31 = 1F (1 × 16 + 15)
58 = 3A (3 × 16 + 10)
95 = 5F (5 × 16 + 15)
HEX: #1F3A5F
Dasar 16 menggunakan digit 0–9 dan huruf A–F, di mana A adalah 10 dan F adalah 15. Kod ringkas seperti #FA0 adalah singkatan: setiap digit digandakan, jadi ia bermaksud #FFAA00.
Warna Lazim dalam RGB dan HEX
| Warna | RGB | HEX |
|---|---|---|
| Hitam | 0, 0, 0 | #000000 |
| Putih | 255, 255, 255 | #FFFFFF |
| Merah | 255, 0, 0 | #FF0000 |
| Hijau | 0, 255, 0 | #00FF00 |
| Biru | 0, 0, 255 | #0000FF |
| Kuning | 255, 255, 0 | #FFFF00 |
| Jingga | 255, 165, 0 | #FFA500 |
| Kelabu | 128, 128, 128 | #808080 |
Cara Menggunakan Penukar RGB ke HEX
- Taip nilai merah, hijau dan biru, atau klik sampel warna untuk menggunakan pemilih warna.
- Atau tampal kod heks dalam medan Heks untuk bertukar arah.
- Baca kod HEX, RGB dan HSL, dan semak nisbah kontras serta warna teks terbaik.
- Tekan Salinan di sebelah format yang anda perlukan.
Petua Mudah untuk Bekerja dengan Warna
- Untuk teks yang mudah dibaca, sasarkan nisbah kontras sekurang-kurangnya 4.5 : 1 untuk teks biasa dan 3 : 1 untuk teks bersaiz besar.
- Kod heks tidak peka huruf besar-kecil, jadi #1f3a5f dan #1F3A5F adalah warna yang sama.
- Nombor # terkemuka diperlukan dalam CSS tetapi di sini ia pilihan. Anda boleh menampal kod dengan atau tanpa ia.
- Layar dan pencetak memaparkan warna secara berbeza, jadi warna yang dicetak mungkin tidak sama dengan apa yang anda lihat di skrin.
Kekangan dan Privasi
Kerahsiaan
Warna anda ditukar dalam pelayar anda. Tiada apa-apa yang dihantar ke pelayan kami atau disimpan. Hanya pilihan huruf kecil yang diingati pada peranti anda.
Keterbatasan
Alat ini berfungsi dengan warna sRGB 8-bit piawai, 0 hingga 255 setiap saluran. Ia tidak menyokong ketelusan (RGBA atau heksadesimal 8 digit), CMYK untuk cetakan, atau ruang warna gamut luas.
Soalan lazim
Soalan Lazim Penukar RGB ke HEX
Bagaimana saya menukar RGB kepada HEX?
Masukkan nilai merah, hijau dan biru, masing-masing dari 0 hingga 255. Alat ini menukarkan setiap nombor kepada dua digit asas-16 dan menggabungkannya, jadi 31, 58, 95 menjadi #1F3A5F.
Bagaimana saya menukar HEX kepada RGB?
Tempelkan kod heks ke dalam medan Heks. Ketiga-tiga nombor RGB akan diisi sekaligus. Sebagai contoh, #FF8800 ialah 255, 136, 0.
Adakah kod heks perlu tanda #?
Tidak. Anda boleh menaipnya dengan atau tanpa #, dan kod pendek seperti #FA0 juga berfungsi. Hasilnya sentiasa termasuk # jadi ia sudah sedia untuk CSS.
Apakah maksud tiga nombor RGB itu?
Mereka adalah jumlah cahaya merah, hijau dan biru, dari 0 (tiada) hingga 255 (penuh). 0, 0, 0 adalah hitam dan 255, 255, 255 adalah putih.
Apakah kegunaan nilai HSL?
HSL menerangkan warna sebagai rona, kepenuhan dan kecerahan. Ia sering kali lebih mudah disesuaikan secara manual, contohnya untuk menjadikan warna sedikit lebih cerah, dan ia berfungsi terus dalam CSS.
Apakah yang diberitahu oleh nisbah kontras kepada saya?
Ia menunjukkan betapa jelasnya teks hitam atau putih menonjol pada warna anda. Nisbah 4.5 : 1 atau lebih adalah minimum biasa untuk teks biasa di bawah garis panduan kebolehcapaian WCAG.
Bolehkah saya menyertakan ketelusan?
Bukan di sini. Alat ini hanya mengendalikan warna legap tanpa saluran alfa. Untuk ketelusan, tambahkan nilai alfa sendiri dalam rgba() dalam CSS anda.
Adakah data saya disimpan atau dihantar ke mana-mana?
Tidak. Penukaran dijalankan dalam pelayar anda dan tiada apa-apa yang keluar dari peranti anda. Hanya pilihan huruf kecil anda yang diingati untuk kali akan datang.
Daripada orang yang menggunakan alat ini
Ulasan
Memuat ulasan…
Teruskan
Lebih banyak alat dalam kotak
Halaman utama menampilkan puluhan alat percuma lagi yang tidak memerlukan kunci API.