Kalkulator Opasitas Hex
Konversi persentase opasitas menjadi sufiks alpha hex 2-digit untuk digunakan dalam warna hex CSS 8-digit (#rrggbbaa).
Apakah alat ini menjawab pertanyaan Anda?
Terima kasih — ini membantu kami menyempurnakan alat ini.
Cara menggunakan alat ini
- Atur persentase opasitas (0–100).
- Masukkan warna hex dasar 6-digit.
- Salin hex 8-digit (contoh #3a86ffcc) ke CSS Anda.
CSS modern mendukung warna hex 8-digit (#rrggbbaa) di mana dua digit terakhir mewakili kanal alpha. Alat ini mengonversi persentase opasitas menjadi byte hex tersebut.
Rumus
The 8-bit alpha value for an opacity percentage p is:
alpha = round(p / 100 × 255)
The two-digit hex alpha byte is the zero-padded hexadecimal representation of that integer. The full 8-digit CSS hex color is:
#RRGGBB + alpha_hex
For example, 50% opacity → round(0.50 × 255) = 128 → hex 80 → #rrggbb80.
Pertanyaan umum
- Apa itu warna hex 8-digit?
- #rrggbbaa dengan aa adalah kanal alpha: 00 = sepenuhnya transparan, ff = sepenuhnya opak. Didukung dalam CSS Color Level 4.
- Apakah 50% persis 0x80?
- 50% × 255 = 127.5, yang dibulatkan menjadi 128 = 0x80. Perbedaan visual dari 127 tidak terlihat.