šī tabulā visas krāsas nav caurspīdīgas. Es domāju, ka A
vērtība ir iestatīta uz FF
.
Kāds ir caurspīdīguma kods?
Piemēram, šī krāsa FFF0F8FF (AliceBlue) uz caurspīdīgu kodu, piemēram, ??F0F8FF
?
Šeit ir tabula, kurā % ir pārrēķināti sešciparu vērtībās.
Piemērs: 85 % baltā krāsā jūs izmantotu #D9FFFFFFFF..
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
Caurspīdīgumu kontrolē alfa kanāls (AA
tekstā #AARRGGBB
). Maksimālā vērtība (255 dec, FF hex) nozīmē pilnīgu necaurspīdīgumu. Minimālā vērtība (0 dec, 00 hex) nozīmē pilnīgi caurspīdīgu. Vērtības starp šīm vērtībām ir daļēji caurspīdīgas, t. i., krāsa ir sajaukta ar fona krāsu.
Lai iegūtu pilnīgi caurspīdīgu krāsu, iestatiet alfa vērtību nulle. RR
, GG
un BB
šajā gadījumā nav nozīmes, jo krāsa nebūs redzama. Tas nozīmē, ka #00FFFFFFFF
("caurspīdīga balta") ir tāda pati krāsa kā #00F0F8FF
("caurspīdīga AliseBlue").
Vienkāršības labad var izvēlēties melnu (#00000000
) vai baltu (#00FFFFFFFF
), ja krāsai nav nozīmes.
Tabulā, uz kuru jūs atsaucāties, Transparent
ir definēts kā #00FFFFFFFF
.
Pievienojot citām atbildēm un nedarīt neko vairāk par to, ko @Maleta paskaidroja komentārā par https://stackoverflow.com/a/28481374/1626594, darot *alpha255, tad noapaļot pēc tam uz hex**. Šeit ir ātrs konvertors
.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>