当前位置: 首页 > news >正文

CSS:颜色的三种表示方式

文章目录

  • 一、rgb和rgba方式
  • 二、HEX和HEXA方式(推荐)
  • 三、hsl和hsla方式
  • 四、颜色名方式

一、rgb和rgba方式

10进制表示方法
在这里插入图片描述
在这里插入图片描述在这里插入图片描述

二、HEX和HEXA方式(推荐)

就是16进制表示法
在这里插入图片描述
在这里插入图片描述

三、hsl和hsla方式

在这里插入图片描述
语法:hsl(hue, saturation%, lightness%)
‌红色‌:hsl(0, 100%, 50%)
‌绿色‌:hsl(120, 100%, 50%)
‌蓝色‌:hsl(240, 100%, 50%)
‌灰色‌:hsl(0, 0%, 50%)

四、颜色名方式

参考:https://developer.mozilla.org/en-US/docs/Web/CSS/named-color
在这里插入图片描述

http://www.dtcms.com/a/193921.html

相关文章:

  • 学习以任务为中心的潜动作,随地采取行动
  • Servlet 深度解析:生命周期、请求响应与状态管理
  • PCIe数据采集系统详解
  • JAVA:线程调度器与时间分片的技术指南
  • 数据通信原理 光纤通信 期末速成
  • Android minSdk从21升级24后SO库异常
  • linux防火墙
  • 单序列双指针---初阶篇
  • 原生小程序+springboot+vue+协同过滤算法的音乐推荐系统(源码+论文+讲解+安装+部署+调试)
  • 文件上传Ⅲ
  • css:倒影倾斜效果
  • OpenAI与微软洽谈新融资及IPO,Instagram因TikTok流失四成用户
  • TRTC实时对话式AI解决方案,助力人机语音交互极致体验
  • 东方通2024年报分析:信创国产化龙头的蓬勃发展与未来可期
  • linux,我启动一个springboot项目, 用java -jar xxx.jar ,但是没多久这个java进程就会自动关掉
  • Python web 开发 Flask HTTP 服务
  • 在 Ubuntu 系统中,将 JAR 包安装为服务
  • 影楼精修-肤色统一算法解析
  • 【计算机网络】HTTP/1.0,HTTP/1.1,HTTP/2,HTTP/3汇总讲解,清晰表格整理面试重点对比
  • Python Socket编程:实现简单的客户端-服务器通信
  • 微服务初步学习
  • 使用seatunnel同步磐维数据库数据
  • 文章记单词 | 第82篇(六级)
  • 掌握 LangChain 文档处理核心:Document Loaders 与 Text Splitters 全解析
  • uniapp婚纱预约小程序
  • MySQL 8.0 OCP 1Z0-908 131-140题
  • neo4j框架:java安装教程
  • 云轴科技ZStack官网上线Support AI,智能助手助力高效技术支持
  • 泰迪杯特等奖案例深度解析:基于多级二值化与CNN回归的车牌识别系统设计
  • Vue.js教学第二章:Vue实例创建与核心选项全解析