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表示完全透明
  • 值越小,透明度越高
相关推荐
用户新1 分钟前
V8引擎 精品漫游指南--Ignition篇(下 一) 动态执行前的事情
前端·javascript
@PHARAOH2 小时前
WHAT - GitLens vs Fork
前端
yqcoder2 小时前
前端性能优化:如何减少重绘与重排?
前端·性能优化
洋子2 小时前
Yank Note 系列 13 - 让 AI Agent 进入笔记工作流
前端·人工智能
wenzhangli75 小时前
Ooder A2UI 核心架构深度解析:WEB 拦截层的设计与实现
前端·架构
前端百草阁5 小时前
【前端性能优化全链路指南】从开发编写到构建运行的多维度实践
前端·性能优化
女生也可以敲代码5 小时前
AI时代下的50道前端开发面试题:从基础到大模型应用
前端·面试
ZhengEnCi6 小时前
M5-markconv自定义CSS样式指南 📝
前端·css·python
IT_陈寒6 小时前
SpringBoot自动配置的坑差点让我加班到天亮
前端·人工智能·后端
xingpanvip6 小时前
星盘接口开发文档:星相日历接口指南
android·开发语言·前端·css·php·lua