Conversor de RGBA a Display P3
Pega un valor RGBA y obtén Display P3 al instante. Cualquier otro formato también sirve.
Interpretado como RGB
El mismo color sin transparencia, en Display P3 sólido
Ajustar el color
Todos los demás formatos
Tabla de opacidad: alfa en HEX y RGBA
En HEX de 8 dígitos, los dos últimos fijan la opacidad: FF es totalmente opaco, 80 es cerca del 50 % y 00 es totalmente transparente. La tabla muestra el color de ejemplo cada 5 %.
| Opacidad | Alfa en 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) |
Ejemplos de RGBA a Display P3
Sobre RGBA y Display P3
RGBA es RGB con un canal alfa para la opacidad, escrito como rgba(255, 87, 51, 0.5). El alfa va de 0 (totalmente transparente) a 1 (totalmente opaco). La misma opacidad se puede escribir en HEX de 8 dígitos, como #ff573380.
Display P3 es la gama amplia de las pantallas modernas de Apple y de muchos móviles. Abarca cerca de un 25 % más de colores que sRGB y se escribe color(display-p3 r g b).
Cómo funciona la conversión
Leemos el valor RGBA, lo pasamos a CIE XYZ con las matrices de la especificación CSS Color 4 y de ahí a Display P3. Los valores fuera de la gama de destino se ajustan con el algoritmo de CSS Color 4, que conserva la luminosidad y el matiz y reduce el croma.
Preguntas y respuestas
¿Cómo convierto RGBA a Display P3?
Pega o escribe un valor RGBA en el campo de arriba. PickShade lo convierte con las fórmulas de CSS Color 4 mientras escribes, y un clic copia el valor Display P3.
¿La conversión de RGBA a Display P3 es exacta?
El cálculo es exacto y el resultado solo se redondea para mostrarlo, con suficientes decimales para volver al mismo color. Si el color no cabe en la gama de destino, PickShade te avisa y muestra el color más cercano que sí cabe.
¿Puedo obtener otros formatos a la vez?
Sí. Todos los demás formatos, incluidos OKLCH, Display P3, Tailwind, SwiftUI, Flutter y Android, aparecen bajo el resultado y se copian con un clic.
¿Este conversor es gratuito?
Sí. Es gratis, no necesita registro y funciona entero en tu navegador.