Los colores en esta tabla no son todos transparentes. Supongo que el valor para el A
se establece en FF
.
¿Cuál es el código para la transparencia?
Por ejemplo, este color FFF0F8FF (AliceBlue), a un código transparente como ??F0F8FF
?
Los colores en esta tabla no son todos transparentes. Supongo que el valor para el A
se establece en FF
.
¿Cuál es el código para la transparencia?
Por ejemplo, este color FFF0F8FF (AliceBlue), a un código transparente como ??F0F8FF
?
Respuestas:
La transparencia está controlada por el canal alfa ( AA
in #AARRGGBB
). El valor máximo (255 dec, FF hex) significa completamente opaco. Valor mínimo (0 dec, 00 hex) significa totalmente transparente. Los valores intermedios son semitransparentes, es decir, el color se mezcla con el color de fondo.
Para obtener un color totalmente transparente, establezca el alfa en cero. RR
, GG
y BB
son irrelevantes en este caso porque no se verá ningún color. Esto significa que #00FFFFFF
("Blanco transparente") es del mismo color que #00F0F8FF
("AliceBlue transparente"). Para mantenerlo simple, uno elige negro ( #00000000
) o blanco ( #00FFFFFF
) si el color no importa.
En la tabla a la que se vinculó, encontrará Transparent
definido como #00FFFFFF
.
7F
. Pon tu calculadora en modo hexadecimal, hará el truco por ti.
#7FFFFFFF
.
Aquí está la tabla de% a valores hexadecimales:
Ejemplo : para 85% de blanco, usarías #D9FFFFFF
.
Aquí 85% = "D9" y Blanco = "FFFFFF"
100% — FF
95% — F2
90% — E6
85% — D9
80% — CC
75% — BF
70% — B3
65% — A6
60% — 99
55% — 8C
50% — 80
45% — 73
40% — 66
35% — 59
30% — 4D
25% — 40
20% — 33
15% — 26
10% — 1A
5% — 0D
0% — 00
¿Cómo se calcula?
FF es un número escrito en modo hexadecimal. Ese número representa 255 en decimal. Por ejemplo, si desea calcular el 42%, necesita encontrar el 42% del número 255 y convertir ese número en hexadecimal. 255 * 0.42 ~ = 107 107 a hexadecimal es "6B - maleta
Agregando a las otras respuestas y sin hacer nada más de lo que @Maleta explicó en un comentario en https://stackoverflow.com/a/28481374/1626594 , haciendo alpha * 255 y luego redondeando luego a hexadecimal . Aquí hay un convertidor rápido http://jsfiddle.net/8ajxdLap/4/
function rgb2hex(rgb) {
var rgbm = rgb.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?((?:[0-9]*[.])?[0-9]+)[\s+]?\)/i);
if (rgbm && rgbm.length === 5) {
return "#" +
('0' + Math.round(parseFloat(rgbm[4], 10) * 255).toString(16).toUpperCase()).slice(-2) +
("0" + parseInt(rgbm[1], 10).toString(16).toUpperCase()).slice(-2) +
("0" + parseInt(rgbm[2], 10).toString(16).toUpperCase()).slice(-2) +
("0" + parseInt(rgbm[3], 10).toString(16).toUpperCase()).slice(-2);
} else {
var rgbm = rgb.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i);
if (rgbm && rgbm.length === 4) {
return "#" +
("0" + parseInt(rgbm[1], 10).toString(16).toUpperCase()).slice(-2) +
("0" + parseInt(rgbm[2], 10).toString(16).toUpperCase()).slice(-2) +
("0" + parseInt(rgbm[3], 10).toString(16).toUpperCase()).slice(-2);
} else {
return "cant parse that";
}
}
}
$('button').click(function() {
var hex = rgb2hex($('#in_tb').val());
$('#in_tb_result').html(hex);
});
body {
padding: 20px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Convert RGB/RGBA to hex #RRGGBB/#AARRGGBB:<br>
<br>
<input id="in_tb" type="text" value="rgba(200, 90, 34, 0.75)"> <button>Convert</button><br>
<br> Result: <span id="in_tb_result"></span>
Solo usa esto:
android: background = "# 00FFFFFF"
Hará tu trabajo.
Si tiene su valor hexadecimal y se pregunta cuál sería el valor para el alfa, este fragmento puede ayudarlo:
const alphaToHex = (alpha => {
if (alpha > 1 || alpha < 0 || isNaN(alpha)) {
throw new Error('The argument must be a number between 0 and 1');
}
return Math.ceil(255 * alpha).toString(16).toUpperCase();
})
console.log(alphaToHex(0.45));