AI 助理
备案控制台
开发者社区 云计算 文章 正文

SVG RGB 与 HSL 区别与使用

2023-08-02 75
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： SVG RGB 与 HSL 区别与使用
  • RGB 与 HSL 都是 CSS3 支持的颜色表示方式。
  • RGB


  • HSL：示例


  • RGB 与 HSL 透明度

  • SVG 中如何使用：
<rect fill= "rgb(255, 0, 0)" opacity="0.5" />
<rect stroke="hsla(0, 50%, 60%, 0.5)" />
卡尔特斯
目录
相关文章
john散漫
|
17天前
|
XML 编解码 前端开发
svg和canvas的区别
【10月更文挑战第24天】SVG和Canvas各有优缺点，在实际应用中需要根据具体的需求和场景来选择合适的技术来实现图形绘制和交互效果。
john散漫
33 1
神明木佑
|
1月前
|
XML 存储 前端开发
canvas与svg的区别
canvas与svg的区别
神明木佑
22 4
神明木佑
|
1月前
|
XML 前端开发 JavaScript
Canvas 和 SVG 的区别
Canvas 和 SVG 的区别
神明木佑
33 0
Li370234940
|
1月前
|
XML 移动开发 前端开发
Canvas和SVG的区别
Canvas和SVG的区别
Li370234940
57 0
kaixin321-44007
|
6月前
|
XML 前端开发 JavaScript
canvas和svg有什么区别
canvas和svg的区别
kaixin321-44007
42 1
八百标兵奔北坡
|
6月前
|
XML 存储 前端开发
canvas和svg的区别
canvas和svg的区别
八百标兵奔北坡
40 1
子玉欸
|
XML 前端开发 JavaScript
canvas 和 svg 的区别是什么
canvas 和 svg 的区别是什么
子玉欸
80 0
北海屿鹿
|
6月前
|
XML 移动开发 前端开发
Canvas和SVG有什么区别？
Canvas和SVG有什么区别？
北海屿鹿
69 1
&amp;ACE&amp;
|
6月前
|
XML 移动开发 前端开发
canvas与svg区别与实际应用
canvas与svg区别与实际应用
&amp;ACE&amp;
58 0
汪末末
|
前端开发
CSS3 rgb and rgba（透明色）的使用
CSS3 rgb and rgba
汪末末
174 0
CSS3 rgb and rgba（透明色）的使用