Lewati ke konten
Toolars
Jelajahi
Laporkan bug

Desain · utilitas Lokal

HEX ke RGBA

HEX to RGBA Converter

Konversi warna #RGB, #RGBA, #RRGGBB, atau #RRGGBBAA ke rgba() dengan dekode kanal yang presisi — byte alfa dipetakan tanpa pembulatan tersembunyi.

Jalur tugas / dari masukan ke hasil

Masukkan warna HEX

Berjalan lokal · Tidak ada yang diunggah

Cara kerja HEX ke RGBA, privasi, dan alat terkait

Jalur tugas / dari masukan ke hasil

Cara mengonversi warna HEX ke RGBA

  1. 01

    Masukkan warna HEX

    Ketik nilainya ke kolom Warna HEX, yang terbuka dengan #6D5EF8CC sudah terisi. Parser yang ketat menerima #RGB, #RGBA, #RRGGBB, dan #RRGGBBAA — bantuan di bawah kolom mencantumkan persis keempat format ini, dan kolomnya membatasi masukan hingga sembilan karakter.

  2. 02

    Jalankan konversi

    Tekan Konversi ke RGBA. Parser memvalidasi seluruh nilai sebelum apa pun dirender, dan nilai yang salah bentuk ditolak dengan pesan yang menyebutkan keempat format yang diterima. Mengedit kolom akan menghapus hasil sebelumnya, sehingga panel di bawah tidak pernah menampilkan warna yang kedaluwarsa.

  3. 03

    Baca kanal RGBA

    Alpha didekode sebagai byte dibagi 255 tanpa pembulatan saat perhitungan. RGBA dan kanal menampilkan hingga enam desimal; semua 256 byte alpha dapat dikonversi bolak-balik melalui RGBA keluaran.

  4. 04

    Periksa sampelnya

    Sampel pratinjau besar merender warna hasil konversi secara langsung, sehingga hasil yang translusen langsung terlihat di atas halaman. Gunakan untuk memastikan alfanya terbaca seperti yang dimaksudkan desain sebelum menyalin.

  5. 05

    Muat contoh bila perlu

    Tekan Muat contoh untuk menjalankan satu contoh lengkap — #22C55E99 menjadi rgba(34, 197, 94, 0.6) — yang memperlihatkan seluruh alur dari masukan hingga kanal. Atur ulang mengembalikan kolom ke #6D5EF8CC dan menghapus hasilnya.

  6. 06

    Salin atau unduh hasilnya

    Tekan Salin keluaran untuk menyalin nilai rgba() ke papan klip, atau Unduh untuk menyimpannya sebagai toolars-color-rgba.txt. Kedua aksi tetap nonaktif sampai sebuah konversi berhasil, jadi Anda tidak pernah menyalin hasil kosong.

Fakta alat

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

Masukan Anda tetap di peramban.

HEX ke RGBA 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 HEX ke RGBA

Spesifikasi serah terima desain mencantumkan warna merek translusen sebagai #6D5EF8CC, dan stylesheet yang sedang Anda sunting menginginkan rgba(): byte merah, hijau, dan biru masih bisa diatur, tetapi CC berarti 204 dari 255 — sekitar alfa 0,8 — dan menghitungnya di kepala mengundang kesalahan. HEX ke RGBA mendekode setiap kelompok digit dengan tepat, mengembangkan digit singkatan, dan menampilkan setiap kanal untuk ditinjau di samping sampel langsung. String yang disalin langsung masuk ke deklarasi border, bayangan, atau gradien. Nilainya tidak pernah keluar dari tab, sehingga konversinya cocok untuk basis kode apa pun yang peka privasi.

Pertanyaan umum

Format HEX apa saja yang diterima?
Tepat empat: #RGB, #RGBA, #RRGGBB, dan #RRGGBBAA. Yang lainnya — # yang hilang, lima digit, atau kata kunci warna — ditolak dengan pesan yang menyebutkan format yang diterima.
Bagaimana format singkatan dikembangkan?
Setiap digit digandakan: #RGB menjadi #RRGGBB dengan mengulang setiap karakter, sehingga #6F8 terbaca sebagai merah 102, hijau 255, biru 136. Pada #RGBA digit keempat digandakan menjadi byte alfa sebelum pemetaan biasa dari 0–255 ke 0–1 diterapkan.
Bagaimana byte alfa dikonversi?
Alpha didekode sebagai byte dibagi 255 tanpa pembulatan saat perhitungan. RGBA dan kanal menampilkan hingga enam desimal; semua 256 byte alpha dapat dikonversi bolak-balik melalui RGBA keluaran.
Mengapa hasil saya menghilang?
Mengedit kolom masukan memang sengaja menghapus hasil sebelumnya, sehingga panel tidak akan pernah menampilkan warna yang sudah tidak cocok dengan yang diketik. Tekan Konversi ke RGBA lagi dan hasil barunya langsung muncul.
Bisakah saya mengonversi ke arah sebaliknya?
Ya — gunakan RGBA ke HEX, yang menerima notasi rgb() dan rgba() serta menghasilkan nilai heksa yang cocok, termasuk byte alfa ketika warnanya translusen. Kedua alat berbagi hitungan kanal yang sama, sehingga konversi bolak-balik mengembalikan nilai awal Anda.
Apakah warnanya dikirim 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