Questions tagged «rgba»

5
Sass-将十六进制转换为RGBa以实现背景不透明度
我有以下Sass mixin,它是RGBa示例的一半完整修改: @mixin background-opacity($color, $opacity: .3) { background: rgb(200, 54, 54); /* The Fallback */ background: rgba(200, 54, 54, $opacity); } 我已经申请了$opacity确定,但现在我对这个$color零件感到困惑。我将发送到mixin的颜色将是十六进制而不是RGB。 我的示例用法是: element { @include background-opacity(#333, .5); } 如何在此混合中使用十六进制值?

11
CSS十六进制RGBA?
我知道你可以写... background-color: #ff0000; ...如果您想要红色的东西。 你可以写... background-color: rgba(255, 0, 0, 0.5); ...如果您想要红色和半透明的东西。 有什么简洁的方法可以用十六进制书写部分透明的颜色?我想要类似的东西: background-color: #ff000088; <--- the 88 is the alpha ... 要么 ... background-color: #ff0000 50%; 我将所有颜色都转换为十六进制,并且不得不将它们全部转换为十进制0-255。
199 css  colors  rgba 

7
在白色上将RGB转换为RGBA
我有一个十六进制颜色,例如#F4F8FB(或rgb(244, 248, 251)),我想将其转换为尽可能透明的 rgba颜色(当显示为白色时)。合理?我正在寻找一种算法,或者至少是一种算法的想法。 例如: rgb( 128, 128, 255 ) --> rgba( 0, 0, 255, .5 ) rgb( 152, 177, 202 ) --> rgba( 50, 100, 150, .5 ) // can be better(lower alpha) 有想法吗? 基于Guffa答案的FYI解决方案: function RGBtoRGBA(r, g, b){ if((g == null) && (typeof r === 'string')){ var hex …
196 javascript  colors  css  rgba 


14
悬停时是否可以仅更改rgba背景颜色的Alpha?
我有一套 <a>标签,标签的rgba背景颜色不同,但是alpha相同。是否可以编写单个CSS样式来仅更改rgba属性的不透明度? 代码的简单示例: <a href="#"><img src="" /><div class="brown">Link 1</div></a> <a href="#"><img src="" /><div class="green">Link 2</div></a> 和样式 a {display: block; position: relative} .brown {position: absolute; bottom: 0; background-color: rgba(118,76,41,.8);} .green {position: absolute; bottom: 0; background-color: rgba(51,91,11,.8);} 我想做的是编写一种样式,当将<a>鼠标悬停在其上时会更改不透明度,同时保持颜色不变。 就像是 a:hover .green, a:hover .brown {background-color: rgba(inherit,inherit,inherit,1);}

7
使用PIL将RGBA PNG转换为RGB
我正在使用PIL将使用Django上传的透明PNG图像转换为JPG文件。输出看起来坏了。 源文件 码 Image.open(object.logo.path).save('/tmp/output.jpg', 'JPEG') 要么 Image.open(object.logo.path).convert('RGB').save('/tmp/output.png') 结果 两种方式的结果图像如下所示: 有没有办法解决这个问题?我想要白色背景曾经是透明背景。 解 多亏了出色的答案,我提出了以下函数集合: import Image import numpy as np def alpha_to_color(image, color=(255, 255, 255)): """Set all fully transparent pixels of an RGBA image to the specified color. This is a very simple solution that might leave over some ugly edges, due …

5
Sass / Compass-将十六进制,RGB或命名的颜色转换为RGBA
可能是Compass 101,但是有人写过mixin来设置颜色的alpha值吗?理想情况下,我希望mixin采用任何形式的颜色定义并应用透明度: @include set-alpha( red, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( #ff0000, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( rgb(255,0,0), 0.5 ); //prints rgba(255, 0, 0, 0.5);
86 css  sass  compass-sass  rgba 
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.