完整的基本语法是。 您可以将其限制为不需要 alpha 值的情况 。 hsl(colorDegree saturationPercentage lightnessPercentage alpha) hsl(colorDegree saturationPercentage lightnessPercentage)
<p>freeCodeCamp</p>
p {
color: hsl(348 83% 47%);
您可以对 hsl 颜色应用特定的不透明度 ， 如下所示：
p {
color: hsla(348 83% 47% 0.5);
是否应使用命名颜色、十六进制颜色、RGB 颜色或 HSL 颜色来指定颜色？关于CSS的一个奇妙的事情是 ， 有多种方法可以做同样的事情 。 您已经通过对文本应用颜色来了解这一点 。
由于您可以通过4种不同的方式应用颜色 ， 因此您一定想知道哪种颜色最适合使用 。
当你使用命名颜色时 ， 你在应用不同颜色深浅方面可以走多远是有限的 。 红色 ， 绿色 ， 蓝色 ， 黄色或任何其他命名颜色都有很多变体 ， 您无法使用命名颜色访问 。 您只能访问浏览器识别的大约147种预定义颜色 。
十六进制颜色非常动态 。 它们是开发人员中最常用的 ， 因为你的极限是你的创造力 。 使用十六进制颜色 ， 您可以使用各种色调 ， 甚至可以使用从未有人使用过的颜色 。
RGB 颜色与十六进制颜色一样动态 。 除了能够指定从 0 到 255 所需的红色、绿色和蓝色量之外 ， 您还可以使用额外的 alpha 值设置颜色的透明度 。
HSL是最具活力的 。 您可以在色轮中指定所需的确切颜色（以度为单位 ， 从 0 到 360） ， 以百分比设置所需的饱和度和暗度 ， 还可以将不透明度设置为 0.0 到 1.0 。
所以实际上 ， 这取决于你和你的用例 - 以及你想要获得的创意或具体程度 。
结论将颜色应用于文本有助于使您的网站对访问者更具吸引力 。 正确的颜色组合也可以帮助你的内容变得更有可读性 。
在本文中 ， 您已经学习了如何使用 4 种不同类型的值将颜色应用于文本 ， 这些值可用于 color 属性 。
感谢您的阅读 ， 并继续编码 。
0
相关经验推荐
- vivo|外媒：华为的动作意味着向台积电说再见
- 阿里巴巴|vivo刚发布的万元新机，能用10年？！这次玩“大”了
- 高通骁龙|vivo X Note堪称可移动的掌上工作站！性能、影像、屏幕都出色
- vivo x80|小米磁悬浮滑轨及滑盖电子设备专利获得授权！卷轴屏手机要来了？
- vivopad|知名游戏平台3月硬件调查：30系显卡占比提升，4核处理器“跌下神坛”
- 折叠屏|vivo首款折叠屏正式发布，满级配置高端旗舰8999元起售，值得买吗
- vivo x|7英寸+5000mAh+超声波指纹，8GB+256GB，可惜售价太贵了！
- 传感器|VivoXFold推出配备蔡司相机、双指纹传感器和耐用铰链
- vivo|搭载7英寸屏幕、60倍长焦镜头和80W充电的VivoXNote亮相
- 松下|2月手机销量公布，OPPO、vivo暴跌，大家都不换机了吗？