Konverter RGBA ke Display P3
Tempel nilai RGBA, langsung dapat Display P3. Format lain juga bisa.
Dibaca sebagai RGB
Warna yang sama tanpa transparansi, sebagai Display P3 solid
Sesuaikan warna
Semua format lain
Tabel opasitas: alpha HEX dan RGBA
Pada HEX 8 digit, dua digit terakhir menentukan opasitas: FF berarti buram penuh, 80 sekitar 50%, dan 00 transparan penuh. Tabel menampilkan warna contoh setiap 5%.
| Opasitas | Alpha HEX | HEX | RGBA |
|---|---|---|---|
| 100% | ff | #ff5733 | rgba(255, 87, 51, 1) |
| 95% | f2 | #ff5733f2 | rgba(255, 87, 51, 0.95) |
| 90% | e6 | #ff5733e6 | rgba(255, 87, 51, 0.9) |
| 85% | d9 | #ff5733d9 | rgba(255, 87, 51, 0.85) |
| 80% | cc | #ff5733cc | rgba(255, 87, 51, 0.8) |
| 75% | bf | #ff5733bf | rgba(255, 87, 51, 0.75) |
| 70% | b3 | #ff5733b3 | rgba(255, 87, 51, 0.7) |
| 65% | a6 | #ff5733a6 | rgba(255, 87, 51, 0.65) |
| 60% | 99 | #ff573399 | rgba(255, 87, 51, 0.6) |
| 55% | 8c | #ff57338c | rgba(255, 87, 51, 0.55) |
| 50% | 80 | #ff573380 | rgba(255, 87, 51, 0.5) |
| 45% | 73 | #ff573373 | rgba(255, 87, 51, 0.45) |
| 40% | 66 | #ff573366 | rgba(255, 87, 51, 0.4) |
| 35% | 59 | #ff573359 | rgba(255, 87, 51, 0.35) |
| 30% | 4d | #ff57334d | rgba(255, 87, 51, 0.3) |
| 25% | 40 | #ff573340 | rgba(255, 87, 51, 0.25) |
| 20% | 33 | #ff573333 | rgba(255, 87, 51, 0.2) |
| 15% | 26 | #ff573326 | rgba(255, 87, 51, 0.15) |
| 10% | 1a | #ff57331a | rgba(255, 87, 51, 0.1) |
| 5% | 0d | #ff57330d | rgba(255, 87, 51, 0.05) |
| 0% | 00 | #ff573300 | rgba(255, 87, 51, 0) |
Contoh RGBA ke Display P3
Tentang RGBA dan Display P3
RGBA adalah RGB dengan kanal alpha untuk opasitas, ditulis rgba(255, 87, 51, 0.5). Alpha bernilai dari 0 (transparan penuh) sampai 1 (buram penuh). Opasitas yang sama bisa ditulis dengan HEX 8 digit, misalnya #ff573380.
Display P3 adalah gamut warna lebar pada layar Apple modern dan banyak ponsel. Jangkauannya sekitar 25% lebih banyak warna daripada sRGB dan ditulis sebagai color(display-p3 r g b).
Cara kerja konversinya
Kami membaca nilai RGBA, mengubahnya ke CIE XYZ dengan matriks dari spesifikasi CSS Color 4, lalu ke Display P3. Nilai di luar gamut tujuan dipetakan dengan algoritma CSS Color 4, yang mempertahankan kecerahan dan rona serta menurunkan kroma.
Tanya jawab
Bagaimana cara mengonversi RGBA ke Display P3?
Tempel atau ketik nilai RGBA di kolom di atas. PickShade mengonversinya dengan rumus CSS Color 4 saat Anda mengetik, dan sekali klik menyalin nilai Display P3.
Apakah konversi RGBA ke Display P3 ini akurat?
Perhitungannya akurat, dan hasilnya hanya dibulatkan untuk tampilan, dengan digit yang cukup untuk dikonversi balik ke warna yang sama. Jika warna tidak muat di gamut tujuan, PickShade memberi peringatan dan menampilkan warna terdekat yang muat.
Bisakah saya mendapatkan format lain sekaligus?
Bisa. Semua format lain, termasuk OKLCH, Display P3, Tailwind, SwiftUI, Flutter, dan Android, tercantum di bawah hasil dan bisa disalin dengan sekali klik.
Apakah konverter ini gratis?
Ya. Gratis, tanpa daftar, dan sepenuhnya berjalan di browser Anda.