Lewati ke konten
Toolars
Jelajahi
Laporkan bug

Desain · utilitas Lokal

RGBA ke HEX

RGBA to HEX Converter

Konversi nilai rgb() atau rgba() ke HEX huruf besar; setiap kanal divalidasi ketat dan alfa di bawah 1 dipertahankan sebagai heksa delapan digit.

Jalur tugas / dari masukan ke hasil

Masukkan nilai kanal

Berjalan lokal · Tidak ada yang diunggah

Cara kerja RGBA ke HEX, privasi, dan alat terkait

Jalur tugas / dari masukan ke hasil

Cara mengonversi warna RGBA ke HEX

  1. 01

    Masukkan nilai kanal

    Ketik nilai rgb() atau rgba() ke kolom Warna RGB atau RGBA — kolomnya terbuka dengan rgba(109, 94, 248, 0.8) sudah terisi dan menerima hingga 64 karakter. Merah, hijau, dan biru harus bilangan bulat 0 hingga 255, alfa angka 0 hingga 1; persentase dan kanal di luar rentang ditolak.

  2. 02

    Jalankan konversi

    Tekan Konversi ke HEX. Parser memvalidasi setiap kanal sebelum mengonversi, dan hasil sebelumnya terhapus begitu Anda mengedit kolom, sehingga panel tidak pernah menampilkan nilai yang kedaluwarsa.

  3. 03

    Baca hasil heksadesimal

    Hasilnya adalah nilai heksa huruf besar: #RRGGBB ketika warnanya sepenuhnya buram, #RRGGBBAA ketika alfanya di bawah 1. Byte alfanya adalah alfa dikali 255 lalu dibulatkan, sehingga 0,8 menjadi 204, ditulis CC.

  4. 04

    Tinjau kanal satu per satu

    Kanal dan pratinjau hasil menampilkan warna HEX setelah alpha dikuantisasi ke byte 8 bit. Misalnya, alpha 0.65 menjadi 166/255 dan ditampilkan sebagai 0.65098. Ini pratinjau keluaran, bukan salinan alpha masukan.

  5. 05

    Muat konversi contoh

    Tekan Muat contoh untuk menyaksikan satu proses penuh: rgba(14, 165, 233, 0.65) menjadi #0EA5E9A6, karena 0,65 kali 255 dibulatkan ke 166, yaitu A6 dalam heksa. Atur ulang mengembalikan masukan default rgba(109, 94, 248, 0.8).

  6. 06

    Salin atau unduh hasilnya

    Tekan Salin keluaran untuk menyalin nilai heksa, atau Unduh untuk menyimpannya sebagai toolars-color-hex.txt. Keduanya tetap nonaktif sampai sebuah konversi berhasil.

Fakta alat

Pemrosesan
Di browser Anda
Input meninggalkan perangkat
Tidak pernah
Retensi
Tidak ada yang disimpan
Harga
Gratis

Masukan Anda tetap di peramban.

RGBA ke HEX menggunakan jalur eksekusi lokal terverifikasinya dan tidak membuat riwayat masukan atau keluaran tersembunyi.

Eksekusi lokal

Berjalan di dalam tab peramban saat ini.

Tanpa pemrosesan tersembunyi

Data alat aktif tidak pernah menjadi catatan dokumen Toolars.

Tanpa perlu akun

Gunakan alur kerja inti tanpa membuat profil. Favorit disinkronkan ke akun Anda setelah masuk.

Atur ulang seketika

Bersihkan tab dan data kerja aktif pun hilang.

Apa yang sebenarnya dilakukan RGBA ke HEX

Token desain, stylesheet lama, dan banyak API masih menginginkan warna dalam bentuk heksa, sementara CSS terkomputasi dan alat desain modern memberi Anda rgba(). Menerjemahkan rgba(14, 165, 233, 0.65) dengan tangan berarti tiga konversi desimal ke heksa plus byte alfa. RGBA ke HEX melakukan hitungannya dengan tepat, mempertahankan transparansi sebagai heksa delapan digit, dan menampilkan kanal hasil parsing agar Anda bisa memeriksa masukannya sebelum menyalin. Semuanya berjalan di perangkat Anda, tanpa mengirim apa pun ke mana pun dan tanpa perlu akun.

Pertanyaan umum

Sintaks masukan apa yang diterima?
rgb(r, g, b) atau rgba(r, g, b, a) dengan kanal yang dipisahkan koma: merah, hijau, dan biru harus bilangan bulat 0 hingga 255, dan alfa angka 0 hingga 1 seperti 0.8 atau .65. Notasinya tidak peka huruf besar-kecil dan menoleransi spasi di sekitar koma; kanal persentase seperti rgb(50%, 30%, 20%) ditolak secara sengaja.
Kapan hasilnya menyertakan byte alfa?
Hanya ketika alfa di bawah 1. rgba(109, 94, 248, 0.8) menjadi #6D5EF8CC, sementara warna yang sama pada opasitas penuh menjadi #6D5EF8 — notasi heksa tidak pernah membawa FF yang berlebihan.
Bagaimana alfa menjadi byte terakhir?
Alfa dikalikan 255 dan dibulatkan ke bilangan bulat terdekat, lalu ditulis sebagai dua digit heksa huruf besar. Jadi 0,5 menjadi 128, ditampilkan sebagai 80, dan 0,65 dibulatkan ke 166, ditampilkan sebagai A6 — pemetaan yang sama yang dipakai CSS untuk warna heksa delapan digit.
Mengapa masukan saya ditolak?
Pesannya menyebutkan masalah yang persis: kanal di atas 255, kanal yang bukan bilangan bulat, alfa di atas 1, atau format selain rgb() atau rgba(). Parser ini sengaja dibuat ketat agar salah ketik tidak pernah berubah menjadi warna yang keliru secara diam-diam. Perbaiki nilainya dan konversi lagi — tidak ada yang dikirim ke mana pun.
Bisakah saya mengonversi heksa kembali ke rgba()?
Ya — gunakan HEX ke RGBA, yang menerima #RGB, #RGBA, #RRGGBB, dan #RRGGBBAA serta menampilkan string rgba() dengan setiap kanal diuraikan untuk ditinjau.
Apakah warnanya diunggah ke mana pun?
Tidak. Konversi sepenuhnya berjalan di tab peramban ini, masukan dan hasil tidak pernah keluar dari tab ini, dan tidak diperlukan akun.

Lanjutkan di Desain

Tugas terkait, bukan jalan buntu.

Pindah ke ruang kerja terfokus lainnya tanpa kembali ke indeks lengkap.

Generator Loader CSS

CSS Loader Generator

Rancang loader CSS cincin orbit atau tiga titik dengan ukuran, durasi, dan warna yang dapat disetel, lalu salin kode lengkap dengan blok prefers-reduced-motion.

Buat

Generator Checkbox CSS

CSS Checkbox Generator

Beri gaya kotak centang HTML asli dengan ukuran, border, dan warna pilihan, lalu salin CSS yang mempertahankan fokus keyboard dan status disabled.

Buat

Generator Switch CSS

CSS Switch Generator

Rancang sakelar alih murni CSS dengan geometri lintasan dan kenop yang dapat diukur, lalu salin kodenya dengan dukungan reduced-motion — tanpa JavaScript.

Buat

Generator Clip Path CSS

CSS Clip Path Generator

Edit titik poligon dengan menyeret, papan ketik, atau koordinat. Mulai dari empat prasetel dan salin deklarasi clip-path atau CSS lengkap secara lokal.

Buat