Вопросы с тегом «rgba»

213
Sass - Преобразование Hex в RGBa для прозрачности фона

У меня есть следующий миксин Sass, который является половинной модификацией примера RGBa : @mixin background-opacity($color, $opacity: .3) { background: rgb(200, 54, 54); /* The Fallback */ background: rgba(200, 54, 54, $opacity); } Я подал заявку $opacityхорошо, но теперь я застрял с этой...

199
CSS шестнадцатеричный RGBA?

Я знаю, ты можешь написать ... background-color: #ff0000; ... если вы хотите что-то красное. И ты можешь написать ... background-color: rgba(255, 0, 0, 0.5); ... если вы хотите что-то красное и полупрозрачное. Есть ли краткий способ написания частично прозрачных цветов в шестнадцатеричном формате?...

196
Конвертировать RGB в RGBA на белый

У меня есть шестнадцатеричный цвет, например #F4F8FB(или rgb(244, 248, 251)), который я хочу преобразовать в максимально прозрачный как возможный цвет rgba (при отображении над белым). Есть смысл? Я ищу алгоритм или, по крайней мере, идею алгоритма, как это сделать. Например: rgb( 128, 128, 255 )...

103
Преобразование RGBA PNG в RGB с помощью PIL

Я использую PIL для преобразования прозрачного изображения PNG, загруженного с помощью Django, в файл JPG. Вывод выглядит сломанным. Исходный файл Код Image.open(object.logo.path).save('/tmp/output.jpg', 'JPEG') или Image.open(object.logo.path).convert('RGB').save('/tmp/output.png') Результат В...

101
Можно ли изменить только альфа цвета фона rgba при наведении?

У меня есть набор <a>тегов с разными цветами фона rgba, но с одинаковым альфа-каналом. Можно ли написать единственный стиль css, который изменит только непрозрачность атрибута rgba? Быстрый пример кода: <a href="#"><img src="" /><div class="brown">Link...

86
Sass / Compass - преобразование шестнадцатеричного, RGB или именованного цвета в RGBA

Это может быть Compass 101, но кто-нибудь написал миксин, который устанавливает альфа-значение цвета? В идеале я бы хотел, чтобы миксин имел любую форму определения цвета и применял прозрачность: @include set-alpha( red, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( #ff0000, 0.5 );...