คำถามติดแท็ก 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 นั้นจะเป็น HEX ไม่ใช่ RGB ตัวอย่างการใช้ของฉันจะเป็น: element { @include background-opacity(#333, .5); } ฉันจะใช้ค่า HEX ภายในมิกซ์อินนี้ได้อย่างไร

213 css  sass  background-color  mixins  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 

ฉันมีสีฐานสิบหกเช่น#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) ไอเดีย? โซลูชัน FYI ตามคำตอบของ Guffa: function RGBtoRGBA(r, g, b){ if((g == …

196 javascript  colors  css  rgba 

ฉันใช้ CSS นี้เพื่อความทึบของพื้นหลังของ<div>: background: rgba(255, 255, 255, 0.3); มันทำงานได้ดีใน Firefox แต่ไม่ใช่ใน IE 8 ฉันจะทำให้มันทำงานได้อย่างไร?

110 css  internet-explorer-8  rgba 

ฉันใช้ 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') ผลลัพธ์ ทั้งสองวิธีภาพที่ได้จะมีลักษณะดังนี้: มีวิธีแก้ไขปัญหานี้หรือไม่? ฉันอยากมีพื้นหลังสีขาวที่พื้นหลังโปร่งใสเคยเป็น วิธีการแก้ ขอบคุณสำหรับคำตอบที่ดีฉันได้รวบรวมฟังก์ชันต่อไปนี้: 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 …

106 python  png  jpeg  python-imaging-library  rgba 

ฉันมีชุดของ<a>แท็กที่มีสีพื้นหลัง rgba ต่างกัน แต่เป็นอัลฟ่าเดียวกัน เป็นไปได้ไหมที่จะเขียนสไตล์ 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 …

102 css  hover  background-color  rgba 

นี่อาจเป็นเข็มทิศ 101 แต่มีใครเขียน mixin ซึ่งกำหนดค่าอัลฟาของสีหรือไม่? ตามหลักการแล้วฉันต้องการให้ 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