CSS颜色表示法和颜色表

颜色表示法

  1. color name:颜色的名称;

    color:red;   直接用英文意思来写,但是数量有限,不支持透明颜色

  2.  

    十六进制方式:

    color:#191d11;所有#开头的都是16进制

  3.  

    rgb(十进制,十进制,十进制)表示方法:

    每个值的取值范围是0~255,一共256个

  4.  

    rgba(十进制,十进制,十进制,小数0~1):

    最后的a是alpha通道,表示透明度,取值范围在0~1

  5.  

    hsl(色相,饱和度,亮度):

    h:色相,表示范围0~360,如下如色环

    s:饱和度,取值范围是0.0%~100%

    l:亮度:取值范围0.0%~100%

  6.  

    hsla(色相,饱和度,亮度,透明度)

    a:和上面的rgba一样,表示透明度

  7.  

    transparent:透明的

    表示方法为:color:transparent;

    颜色表

    颜色值

    CSS 颜色使用组合了红绿蓝颜色值 (RGB) 的十六进制 (hex) 表示法进行定义。对光源进行设置的最低值可以是 0(十六进制 00)。最高值是 255(十六进制 FF)。

    十六进制值使用三个双位数来编写,并以 # 符号开头。

    颜色 颜色 HEX 颜色 RGB
      #000000 rgb(0,0,0)
      #FF0000 rgb(255,0,0)
      #00FF00 rgb(0,255,0)
      #0000FF rgb(0,0,255)
      #FFFF00 rgb(255,255,0)
      #00FFFF rgb(0,255,255)
      #FF00FF rgb(255,0,255)
      #C0C0C0 rgb(192,192,192)
      #FFFFFF rgb(255,255,255)

原文地址:https://www.cnblogs.com/JinQyuh/p/9785623.html

时间: 2024-10-04 17:42:57

CSS颜色表示法和颜色表的相关文章

6st 关于颜色使用方法和颜色表

CSS中表示颜色有三种方法:     1.使用十六进制值设置的颜色  <对光源进行设置的最低值可以是 0(十六进制 00).最高值是 255(十六进制 FF).十六进制值使用三个双位数来编写,并以 # 符号开头.>     2.使用 rgb 值(红绿蓝颜色值)设置的颜色.RGB 颜色值是这样规定的:rgb(red, green, blue).每个参数 (red.green 以及 blue) 定义颜色的强度,可以是介于 0 与 255 之间的整数,或者是百分比值(从 0% 到 100%).rgb

css颜色表示法及颜色表

颜色表示法 一.直接输入CSS颜色的关键词,如red blue等. 二.十六进制值,如#0000. 三.RGB: rgb(255,0,0),这是给定的三个参数表示的红色,绿色和蓝色通道的颜色值每个通道不是由两个十六进制数字表示的,而是由0到255之间的十进制数表示的. 四.HSL:该hsl( )函数接受色相.饱和度以及明度值 色调:颜色的底色调.这个值在0到360之间,表示色轮周围的角度. 饱和度:饱和度是多少?这需要一个价值从0-100%,其中0是没有颜色(它将显示为灰色),100%是全彩色饱

CSS中颜色表示方法及颜色表

一:直接用颜色的英文名表示 二:RGB(x,y,z)函数表示,x.y.z.分别是红色.绿色.蓝色的值,x,y,z∈[0,225],亦可用百分比表示:对比rgba(x,y,z,a)中a是alpha通道设置透明度取值0~1 三:十六进制表示,eg:#ff0000;前两位表示红色,中间两位表示绿色,后两位表示蓝色,范围为00-ff,注意缩写形式 四:hsl(色相,饱和度,亮度):h:色相,表示范围0~360,如下如色环:s:饱和度,取值范围是0.0%~100%l:亮度:取值范围0.0%~100%:同理

CSS颜色表示法、颜色表(调色板)

1.CSS 颜色使用组合了红绿蓝颜色值 (RGB) 的十六进制 (hex) 表示法进行定义.对光源进行设置的最低值可以是 0(十六进制 00).最高值是 255(十六进制 FF). 2.十六进制值使用三个双位数来编写,并以 # 符号开头. 3.RGB 颜色值表示:rgb(red, green, blue).每个参数 (red.green 以及 blue) 定义颜色的强度,可以是介于 0 与 255 之间的整数,或者是百分比值(从 0% 到 100%). 4.RGBA 表示:RGBA颜色值是 RG

HTML &amp; CSS &amp; JavaScript 从一个表格到一个灰阶颜色表 03

工具1:HBuilder X 1.9.9.20190522 工具2:火狐浏览器 67.0.4 (64 位) 其实,我还想使用表格,做一个这样的颜色表,如下图所示: 如果按照之前的做法,把每一种颜色都列举出来,估计做完上面这个颜色表,估计人都废了. 为了解决这个重复性的问题,我们必须引入另一种语言:JavaScript 为何学习 JavaScript? JavaScript 是 web 开发者必学的三种语言之一: HTML 定义网页的内容 CSS 规定网页的布局 JavaScript 对网页行为进

HTML &amp; CSS &amp; JavaScript 从一个表格到一个灰阶颜色表 04

工具1:HBuilder X 1.9.9.20190522 工具2:火狐浏览器 67.0.4 (64 位) 目前,我们已经将一些行和列插入到表格中,并设置单元格的背景颜色,显示 RGB 值等. 例 7:最后,我们需要将表头插入到表格中.基于上一个例子,我们再加入一些 JavaScript 代码. 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title

HTML &amp; CSS &amp; JavaScript 从一个表格到一个灰阶颜色表 01

工具1:HBuilder X 1.9.9.20190522 工具2:火狐浏览器 67.0.4 (64 位) 在开始之前,你需要了解一些基本的知识,不要求你能掌握,但是了解一下还是有益的: HTML 简介 HTML <!DOCTYPE> 标签 HTML <html> 标签 HTML <head> 标签 HTML <meta> 标签 HTML <title> 标签 HTML <body> 标签 例 1:一个简单的 HTML 表格,包含三行

HTML &amp; CSS &amp; JavaScript 从一个表格到一个灰阶颜色表 02

工具1:HBuilder X 1.9.9.20190522 工具2:火狐浏览器 67.0.4 (64 位) 其实,我想使用表格,做一个这样的颜色表,如下图所示: 例 3:我们参照上图,基于上一个例子,对表格的内容做一些修改. 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>颜色表</title> 6 </head>

HTML RGB 颜色表 16进制表 颜色对应表

 16 常用颜色表(颜色 + RGB + 名字): Color Value Name   Color Value Name   #00FFFF aqua     #808080 gray   #000080 navy     #C0C0C0 silver   #000000 black     #008000 green   #808000 olive     #008080 teal   #0000FF blue     #00FF00 lime   #800080 purple     #F