CSS 中的颜色如何表示？简单易学

1.英语单词表示法

这个是给英语大佬准备的，英语不好这种方式就跳过。反正我记不住那么多英语单词的。

说实话，我一个单词都不认识，也没去查翻译，就看图翻译的哈哈哈。样式稍微做了调整，看起来方便点。最简单的就是 red ,orange ,yellow ,green ,blue ,black ，然后就不会了，所以不推荐 ☠

2.十六进制表示法

以 #开头的六位或者三位组成。六位就是#红红绿绿蓝蓝，三位就是红绿蓝。组成的部分必须是，0~9的数字或者字母A~F（a~f），不区分大小写。随便组合，一般不会去记的，太多了，可以用工具取色。例如#8a2be9,乍一看确实看不出来啥颜色。

红色（#ff0000）; 绿色（#00ff00）；蓝色（#0000ff）；黑色（#000000）；白色（#ffffff）

f 是最高的，封顶的思意。比如红色（红红绿绿蓝蓝），红红是占满了，绿绿蓝蓝都是0，就代表没有，所以最终颜色是红色。

3.REB 表示法

Rgb(红，绿，蓝)，每个逗号取值范围为0~255之间的整数，或者一个从0%~100%之间的整数百分比值。数值越大，表示该颜色的占比越多，比如红色（255，0，0）。rgb可以表示的颜色有255*255*255=16,581,375 种，还是比较常用的。

4.REBA 表示法

REBA（红，绿，蓝，透明度），透明度取值范围：0~1 直接的一位小数，0 是完全透明，1是不完全透明。数值表示透明的程度，越接近1，就越接近原本的颜色。当为1的时候就是不完全透明了，显示原本的颜色。

生活中常用的就是以上四种，还有两种不咋常用，简单介绍下：

HSL表示法（色调，饱和度，亮度），色调的取值范围：0~360（整数），0是红色，120是绿色，240是蓝色。

饱和度是百分比值；0% 是灰色，100% 是全彩。亮度是百分比值；0% 是黑色，100% 是白色。

HSLA表示法 （色调，饱和度，亮度，透明的），参考上面的内容，不再重复介绍。

未经允许，禁止转载。记得点赞和收藏哦~

CSS 中颜色如何表示？相关推荐

CSS中颜色代码和单位
CSS中颜色有其代码,部分颜色可以直接用英文代替,例如black,green,blue,red等. CSS中单位有多种表达形式,百分比等. 下面是来自w3cschools的信息: 1.用英文名称表示: ...
html如何给3种渐变色,css中颜色渐变的实现（三种方式）
本篇文章给大家带来的内容是关于css中颜色渐变的实现(三种方式),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. !!注意IE9及之前的版本不支持渐变.Safari要加-webkit- ...
CSS中颜色、样式规则（字体样式、列表样式、表格样式）
目录一.CSS中的颜色设置 1.颜色的表示方式 (1).颜色名 (2).rgb函数 (3).十六进制表示(HEX 值) 二.CSS样式规则 1.字体规则 (1) font-family属性:字体 ...
Web前端入门：CSS中颜色三种写法
在CSS中,颜色的表示有三种写法,分别是: 英文单词 16进制 rgb+rgba 1.英文单词: 例如:red, white, blue, skyblue, pink, deeppink, ...
css中颜色的表示方法
在CSS里颜色的定义有四种方法:一,用颜色的名称:二,以十六进制数;三,以RGB整数设置颜色:四,以RGB百分数设置颜色.下面分别用这四种方法定义颜色,不过要注意的是以RGB整数定义的时候整数的范围是 ...
前端一HTML:九:css中颜色的表示
<!doctype html> <html lang="en"> <head><meta charset="UTF-8" ...
【译】CSS 十六进制颜色揭秘
本文讲的是[译]CSS 十六进制颜色揭秘, 原文地址:CSS Hex Colors Demystified 原文作者:Dave Gash 译文出自:掘金翻译计划本文永久链接:github.com/x ...
php 将颜色透明度,css中如何使颜色透明度
css中使颜色透明度的方法:首先创建一个HTML示例文件:然后创建一个div:最后通过"opacity:0.5;"属性设置元素背景的透明度即可. 本教程操作环境:windows7系 ...
前端如何设置背景颜色的透明度 css中的 rgba() 函数详解：background-color: rgba(255,192,203,0.3)
目录前言 rgba() 函数详解再分享一个小技巧哈哈哈前言今天在开发移动端的时候感觉没背景颜色有点丑,再加上自己做的是蛋糕app,觉得暖色应该会很好看,于是就用了这行代码 backgroun ...

CSS 中颜色如何表示？