CSS-颜色

幸运小圣

已于 2024-10-31 16:30:49 修改

阅读量283

点赞数

分类专栏： CSS 文章标签： css 前端

于 2023-05-23 17:12:42 首次发布

本文链接：https://blog.csdn.net/qq_53002037/article/details/130827422

版权

本文介绍了网页设计中用于定义颜色的几种方式，包括RGB、RGBA、HEX、HEXA以及不太常用的HSL和HSLA。RGB和RGBA允许指定红、绿、蓝三原色的值来创建颜色，RGBA增加了一个透明度通道。HEX是一种六位数的十六进制表示法，HEXA则添加了透明度。HSL和HSLA基于色相、饱和度和亮度来定义颜色。示例代码展示了这些颜色表示法的用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

颜色名：

可在MDN里查看颜色名
在这里插入图片描述

rgb或rgba：

rgb（ , , , ） r：red g：green b：blue 最后一个数值是控制透明度0-1或0%-100%，前三个数值可以用数值也可以用百分比但是三个数值使用要一致不能又用数值又用百分比的
例如：红色：rgb（255,0，0）
绿色：rgb（0,255，0）
蓝色：rgb（0,0，255）

在这里插入图片描述

例子：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>颜色-rgb或rgba</title>
    <style>
        .rbk1 {
     
            color: rgb(255, 0, 0);
        }
        
        .rbk2 {
     
            color: rgb(0, 255, 0);
        }
        
        .rbk3 {
     
            color: rgb(0, 0, 255);
        }
        
        .rbk4 {
     <

最低0.47元/天解锁文章