跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

文章标签
hsl

12 篇文章
{
,

}
文章 HSL() / HSLa() 非常适合程序化颜色控制 的直接链接
颜色 hsl

HSL() / HSLa() 非常适合程序化颜色控制

如果您需要在原生 CSS 中手动操作颜色,HSL 几乎是唯一的方法。HSL(CSS 中的hsl() 和hsla() 函数)代表色相、饱和度、亮度,以及可选的 alpha 通道。我们之前讨论过它,但是……

Avatar of Chris Coyier
Chris Coyier 发表于 2018年6月1日
文章 使用颜色指南 的直接链接
无障碍 颜色 生成颜色 十六进制值 hsl 网页颜色

使用颜色指南

在网络上,有很多方法可以处理颜色。我认为了解正在使用的方法背后的机制非常有帮助,颜色也不例外。让我们深入探讨一些颜色技术的细节……

Avatar of Sarah Drasner
Sarah Drasner 发表于 2024年8月12日
文章 为 HSLa 欢呼 的直接链接
hsl

为 HSLa 欢呼

巨大的拖沓长裤?高强度低合金钢?不,我们说的是色相、饱和度、亮度和 alpha 通道,它是 CSS 中声明颜色的方式。它看起来像这样

#some-element {
  background-color: hsla(170, 50%, 45%, 1);
}

它类似于……

Avatar of Chris Coyier
Chris Coyier 发表于 2022年10月19日
  • 更新
  • 1
  • 2

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

通过我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律信息
  • 获取免费积分!
CSS-Tricks
  • 为我们写作!
  • 与我们合作广告
  • 联系我们
社交
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.