CSS的颜色表示方式

以下介绍几种常见的CSS颜色表示方式:

颜色名称

  • html和css规范中定义了147种可用的颜色名
  • 用的相对较少

16进制表示

  • css三原色:红、绿、蓝
  • 16进制的颜色值: #rrggbb
  • 16进制整数规定颜色成分,所有的值均介于 00 - ff 之间(ff 代表最大,为红、绿、蓝三种)
  • 用的相对较多

rgb

  • 通过定义三种(红、绿、蓝)三种颜色的强度来定义颜色
  • 如:rgb(255,0,0)表示红色
  • 所有值介于0-255之间,255表示最大

rgba

  • 在rgb的基础上增加了透明度
  • a:alpha表示透明度
  • rgba(255,0,0,0.5)表示透明度为0.5
  • 取值为 0 - 1, 1 表示最深的颜色,完全不透明,0表示完全透明
  • 值越小,透明度越高
相关推荐
JustHappy7 分钟前
「Versakit 0.3 重磅发布」 两个月开发成果全揭!
前端·javascript·vue.js
carterwu12 分钟前
是否使用原子式tailwindcss 代替css module?
css
chenqi17 分钟前
WebGPU和WebLLM:在浏览器中解锁端侧大模型的未来
前端·人工智能
Lingxing18 分钟前
Vue组件树:从设计到实现的全方位指南 🚀
前端·vue.js
玖玖passion19 分钟前
leader:请你用Protobuf进行数据交互🥲
前端
Linruoxin22 分钟前
为什么给 body 设置背景会直接铺满整个视口?
前端·css
Jenlybein25 分钟前
Vue3 权限控制:利用动态路由与自定义指令
前端·vue.js
codelang2 小时前
Cline + MCP 开发实战
前端·后端
好_快3 小时前
Lodash源码阅读-memoizeCapped
前端·javascript·源码阅读
好_快3 小时前
Lodash源码阅读-toString
前端·javascript·源码阅读