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

标签的文章
hsl

12 篇文章
{
,

}
文章的直接链接 快速浏览 4 个新的 CSS 颜色特性
颜色 color() display-p3 hsl hwb lab lch rgba

快速浏览 4 个新的 CSS 颜色特性

我正在我的 “自 CSS3 以来有哪些新特性?” 文章中写关于 CSS 颜色最近和可能未来的改变。奇怪的是,改变很多。定义颜色的新方法和即将出现的方法和以前一样多,甚至更多,比……

Avatar of Chris Coyier
Chris Coyier 于 2022 年 2 月 11 日
文章的直接链接 useRainbow()
颜色 hsl

useRainbow()

我从工作中抽身出来,开始了一些小的个人项目(玩具)。其中一个小项目是 potato.horse,在那里我保留了所有我的涂鸦、视觉短篇故事和笑话。看看吧!

但是,这篇文章不是……

Avatar of Rafał Pastuszak
Rafał Pastuszak 于 2022 年 1 月 7 日
文章的直接链接 颜色 Alpha 无处不在
alpha 颜色 hsl

颜色 Alpha 无处不在

在我的 “不同程度的自定义属性用法” 文章中,我注意到关于颜色和 CSS 自定义属性的情况,我对于将 HSL 颜色值分解感到“过头”。将每个颜色分解成 H、S 和 L 部分……

Avatar of Chris Coyier
Chris Coyier 于 2021 年 11 月 21 日
文章的直接链接 在 CSS 中使用图标玻璃质感效果
backdrop-filter background-clip element() emoji filter hsl mask-clip 导航

在 CSS 中使用图标玻璃质感效果

我最近遇到了一种很酷的效果,称为 玻璃质感,在 一个 Dribble 作品 中。我第一个想法是,如果我用一些表情符号作为图标,而不浪费时间……我可以在几分钟内快速重现它。

Avatar of Ana Tudor
Ana Tudor 于 2021 年 11 月 8 日
文章的直接链接 使用 JavaScript 调整 RGB 颜色的饱和度和亮度
颜色 hsl rgba

使用 JavaScript 调整 RGB 颜色的饱和度和亮度

最近我一直在研究用颜色设计(或者用“colour”来拼写,就像我来自新西兰一样)。看看 Adam Wathan 和 Steve Schroger 关于这个问题的建议,我们会发现我们会……

Avatar of Hugh Haworth
Hugh Haworth 于 2021 年 2 月 11 日
文章的直接链接 使用自定义属性、HSL 和一些 calc() 创建颜色主题
calc 颜色 自定义属性 hsl

使用自定义属性、HSL 和一些 calc() 创建颜色主题

在 CSS 自定义属性 出现之前(我们可能在这篇文章中称之为“变量”,因为这就是它们的精神所在),在同一个网站上实现多个颜色方案通常意味着编写单独的样式表。绝对不是最易于维护的方法……

Avatar of Dieter Raber
Dieter Raber 于 2021 年 6 月 26 日
文章的直接链接 CSS 中最好的颜色函数?
无障碍颜色 颜色 hsl lab

CSS 中最好的颜色函数?

我之前说过,HSL 是我们拥有的最好的颜色格式。我们大多数人不像 David DeSandro,他可以读懂十六进制代码。HSL(a) 是色调、饱和度、亮度和 alpha,如果我们需要的话。

hsl(120, 100%, 40%)

色调……

Avatar of Chris Coyier
Chris Coyier 于 2020 年 1 月 20 日
文章的直接链接 在 JavaScript 中转换颜色空间
颜色 生成颜色 十六进制 hsl rgba

在 JavaScript 中转换颜色空间

我在构建一个 图像“表情符号化” 的过程中遇到的一个挑战是,我需要将使用 getImageData() 获取的值的颜色空间从 RGB 更改为 HSL。我使用按亮度和饱和度排列的表情符号数组,它们是……

Avatar of Jon Kantner
Jon Kantner 于 2021 年 1 月 26 日
文章的直接链接 使用 CSS 为不同的背景切换字体颜色
无障碍 CSS CSS 变量 hsl rgba

使用 CSS 为不同的背景切换字体颜色

当看着别人展示他们的 JavaScript 肌肉时,你是否曾经有过“我可以使用 CSS 做到这一点!”的想法?当看 Dag-Inge Aas 和 Ida Aalen 在 2018 年 CSSconf EU 上发言 时,我正是这种感觉。

他们是……

Avatar of Facundo Corradini
Facundo Corradini 于 2018 年 8 月 18 日
  • 1
  • 2
  • 较旧的

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

通过我们的手工制作的时事通讯

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

© 2024 . All rights reserved.