Прозрачный формате ARGB шестнадцатиричное значение
цвета в этой таблица все не прозрачно. Я думаю, значение для A
установлено значение FF
.
что такое код для прозрачности?
например этот цвет FFF0F8FF (AliceBlue), в прозрачный код, такой как ??F0F8FF
?
4 ответа:
прозрачность контролируется альфа-каналом (
AA
на#AARRGGBB
). Максимальное значение (255 dec, FF hex) означает полностью непрозрачный. Минимальное значение (0 dec, 00 hex) означает полностью прозрачный. Значения между ними полупрозрачны, т. е. цвет смешивается с цветом фона.чтобы получить полностью прозрачный цвет, установите Альфа в ноль.
RR
,GG
иBB
не имеют значения в этом случае, потому что цвет не будет виден. Это значит#00FFFFFF
("прозрачный белый") является тот же цвет, что и#00F0F8FF
("прозрачный AliceBlue"). Чтобы сохранить его простым, один выбирает черный (#00000000
) или белый (#00FFFFFF
), если цвет не имеет значения.в таблице, которую вы связали с вы найдете
Transparent
определяется как#00FFFFFF
.
Вот таблица % к шестнадцатеричным значениям Например, для 85% Белого вы бы использовали #D9FFFFFF.
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
добавление к другим ответам и ничего больше не делать из того, что @Maleta объяснил в комментарии https://stackoverflow.com/a/28481374/1626594, делая Альфа * 255 затем раунд, а затем в hex. Вот быстрый конвертер 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>