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表示完全透明
  • 值越小,透明度越高
相关推荐
人工智能训练3 小时前
【极速部署】Ubuntu24.04+CUDA13.0 玩转 VLLM 0.15.0:预编译 Wheel 包 GPU 版安装全攻略
运维·前端·人工智能·python·ai编程·cuda·vllm
会跑的葫芦怪4 小时前
若依Vue 项目多子路径配置
前端·javascript·vue.js
pas1367 小时前
40-mini-vue 实现三种联合类型
前端·javascript·vue.js
摇滚侠7 小时前
2 小时快速入门 ES6 基础视频教程
前端·ecmascript·es6
珑墨7 小时前
【Turbo】使用介绍
前端
军军君018 小时前
Three.js基础功能学习十三:太阳系实例上
前端·javascript·vue.js·学习·3d·前端框架·three
打小就很皮...9 小时前
Tesseract.js OCR 中文识别
前端·react.js·ocr
wuhen_n9 小时前
JavaScript内存管理与执行上下文
前端·javascript
Hi_kenyon10 小时前
理解vue中的ref
前端·javascript·vue.js
落霞的思绪11 小时前
配置React和React-dom为CDN引入
前端·react.js·前端框架