如何使Hex代码中的颜色不透明变暗

时间:2014-02-28 12:31:19

标签: html css colors

阅读此link后,我知道如何减轻颜色的不透明度。

但是有没有办法让颜色的不透明度变暗?

2 个答案:

答案 0 :(得分:2)

如果通过“变暗不透明度”意味着从清晰的蓝色移动到深蓝色,如果您的问题涉及HTML / CSS(而不是像链接所假设的Android),则可以使用HSL颜色而不是使用RGB。

以下是一个链接,您可以在其中了解如何使用CSS颜色:http://www.w3schools.com/cssref/css_colors_legal.asp

    /** This is CSS **/
    #light {background-color:hsl(120,100%,25%);}
    #normal {background-color:hsl(120,100%,50%);}
    #dark {background-color:hsl(120,100%,75%);}
    /** 3rd value reprensent black value **/

但是如果你的意思是让你的颜色更多/更少不透明,你可以使用Alpha(例如在CSS中可用RGBA)

您可以在第一个链接中找到如何使用RGBA!

    /** This is CSS **/
    #opaque {background-color:rgba(0,255,0,1);}
    #transparant {background-color:rgba(0,255,0,0.5);}
    /** The 4th value reprensent alpha/opacity and goes from 0 (transparant) to 1 (opaque)

希望它能帮到你

答案 1 :(得分:0)

使特定颜色变暗的方法是保持RBG比率相同,但只是降低数字,如果你看看RBG为黑色0,0,0,那么接近0会得到更暗的颜色。 / p>

希望能够对RBG色彩系统的工作方式有所了解。