html - 如何使十六进制代码中的颜色不透明度变暗

标签 html css colors

看完这篇link , 我知道如何减轻颜色的不透明度。

但是有什么方法可以使颜色的不透明度变暗吗?

最佳答案

如果“加深不透明度”是指从纯蓝色变为深蓝色,并且如果您的问题涉及 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)

希望对你有帮助

关于html - 如何使十六进制代码中的颜色不透明度变暗,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22095317/

相关文章:

html - 页面加载时自动加载 Bootstrap 模态

html - CSS 中的条件样式

javascript - 尽管元素的 id 正确,但无法删除元素?

css - 用CSS打印3列数据

javascript - 适用于许多图像及其调色板的算法

WPF:MediaElement 中的视频颜色与 Windows Media Player 不同

bash - 更改 ls 命令的 emacs bash 颜色

html - 媒体查询不工作显示 :none to display:inline

javascript - 当值更改时,嵌入自定义指令中的 ng-switch 不会被评估

css - 试图显示固定高度的 DIV。为什么后续的 DIV 显示在固定高度的 DIV 之上?