Konverter Opasitas Alfa

• Konversi alfa instan: konverter memproses warna CSS apa pun dengan alfa secara real-time. Tempel rgba(), hsla(), HEX8, atau HEX4 dan dapatkan semua format setara seketika — tanpa klik tombol dan tanpa menunggu.
• Pemrosesan aman & privat: data warna Anda tidak pernah meninggalkan perangkat. Konverter berjalan sepenuhnya di browser, jadi tidak ada yang diunggah dan tidak ada yang dicatat.
• Pratinjau campuran di latar apa pun: lihat persisnya bagaimana warna semitransparan Anda tampak dikomposisikan di atas putih, hitam, dan latar kustom. Konverter menghitung nilai HEX campuran untuk setiap latar seketika.
• 100% gratis selamanya: gunakan konverter ini tanpa pendaftaran, langganan, batas laju, atau paywall tersembunyi. Konversi warna sebanyak yang Anda butuhkan, sepenuhnya gratis.

Konverter opasitas alfa adalah alat yang mengonversi nilai warna CSS dengan kanal alfa (transparansi) antara semua format yang didukung. Di CSS, transparansi dapat dinyatakan sebagai rgba() (merah, hijau, biru, alfa 0-1), hsla() (hue, saturasi, kecerahan, alfa 0-1), atau HEX8 (#rrggbbaa — kode hex 8 digit yang dua digit terakhirnya mewakili kanal alfa). Konverter ini mengurai salah satu format tersebut dan menghasilkan semua padanannya, plus pratinjau campuran yang menunjukkan bagaimana warna tampak di atas berbagai latar — semuanya berjalan lokal di browser Anda.

1. Tempel warna Anda: masukkan warna CSS apa pun dengan alfa — rgba(), hsla(), HEX8 (#rrggbbaa), atau HEX4 (#rgba). Konverter mengurai masukan dan memperbarui semua keluaran secara real-time.
2. Tinjau semua padanan format: konverter menampilkan rgba(), hsla(), HEX8, HEX6 (tanpa alfa), persentase opasitas, dan nilai alfa dalam skala 0-1 dan 0-255.
3. Cek pratinjau campuran dan salin: lihat bagaimana warna tampak pada putih, hitam, dan latar kustom. Salin format apa pun dengan satu klik, atau salin seluruh skala opasitas sebagai token HEX8.

• Format rgba(): fungsi CSS standar dengan merah (0-255), hijau (0-255), biru (0-255), dan alfa (0-1). Didukung luas di semua browser dan praproses CSS.
• Format hsla(): hue (0-360°), saturasi (0-100%), kecerahan (0-100%), dan alfa (0-1). Lebih mudah dipahami desainer yang menyesuaikan hubungan warna.
• Format HEX8: kode hex 8 digit (#rrggbbaa) yang dua digit terakhirnya mewakili kanal alfa (00 = sepenuhnya transparan, ff = sepenuhnya opak). Dipakai di Tailwind CSS, Figma, dan design token modern.
• Pratinjau campuran: warna solid sebenarnya yang dihasilkan dari komposisi warna semitransparan di atas latar memakai rumus komposisi alfa standar.

Konverter opasitas alfa mendukung format warna CSS yang tercantum di atas. Alat ini tidak mendukung sintaks CSS Color Level 4 yang lebih baru (mis. rgb(59 130 246 / 50%)) atau format oklch/lab dengan alfa. Pratinjau campuran memakai komposisi alfa standar (operasi "over" Porter-Duff) dan mengasumsikan latar datar dan solid — tidak memperhitungkan banyak lapisan atau mode komposisi kompleks.