CSS关于颜色使用的理解(单词、RGB、十六进制)
来源:互联网 发布:u盘重新安装mac os x 编辑:程序博客网 时间:2024/05/29 14:09
初入前端,写代码时颜色值一直用的取色器直接取出的十六进制单位,今天看书看到关于颜色的内在常识,记录一下~~
主要三种表达方式:
命名颜色
直接用英文单词表示,css规范应该定义了17个颜色名,可以直接查一下。例如:
h1 {color:red;}
用RGB指定颜色
计算机屏幕通过三原色红、绿、蓝组合成各种颜色。rgb(color)括号里包含三个数字,可以用百分数,也可以用整数。
用百分数指定白色和黑色:
rgb(100%,100%,100%)
三个原色全部组合就是白色,分别是红、绿、蓝
rgb(0%,0%,0%)
用整数指定相应为:rgb(255,255,255)
整数范围0~255 和0%~100%是对应的rgb(0,0,0)
如果想要红色的标题,则:
h1 {color: rgb(100%,0%,0%);}
如果想要紫红色标题,则:h1 {color: rgb(50%,0%,0%);}
或者h1 {color: rgb(127,0,0);}
如果想要灰色的段落,则:p {color: rgb(50%,50%,50%);}
注:大于255的值即100%会被认为是255,小于0即0%的值被认为是0p {color:(300%,400%,500%);}
等价于p{color:(100%,100%,100%);}
十六进制rgb颜色
例如h1{color: #FF0000;}
等价h1{color: rgb(100%,0%,0%);}
等价h1{color:rgb(255,0,0);}
都是红色h1标题可以看到,这种语法为#RRGGBB,将三个介于00~FF之间的十六进制连起来,FF即256,做一个进制转换就可以了。
注:#6FA与#66FFAA等价,可以用三位表示,浏览器取每一位并复制成两位
- CSS关于颜色使用的理解(单词、RGB、十六进制)
- css颜色 RGB转十六进制
- 十六进制的颜色值转成RGB UIColor
- RGB颜色转换十六进制颜色
- Rgb颜色和十六进制颜色值的相互转换
- 十六进制颜色改为RGB颜色,RGB颜色转为十六进制
- 十六进制颜色改为RGB颜色,RGB颜色转为十六进制
- 十六进制颜色转RGB颜色(含#开头)
- html,十六进制符号,rgb,颜色
- iOS中(以#开头)十六进制的颜色转换为UIColor(RGB)
- javascript 十六进制与RGB颜色值的相互转换
- javascript 十六进制与RGB颜色值的相互转换
- javascript 十六进制与RGB颜色值的相互转换
- 彩虹七种颜色的RGB值十六进制
- iOS开发中十六进制颜色与RGB的相互转化
- js随机生成十六进制和rgb的颜色
- 十六进制颜色与RGB颜色对照表
- iOS 十六进制颜色转RGB颜色
- 廖雪峰《python3 基础教程》读书笔记——第十章 错误、调试和测试
- Flask知识点汇总(持续更新)
- 如何在 Vivaldi 浏览器中设置 百度 搜索
- PHP MySQL Insert Into
- leetcode--Add Binary
- CSS关于颜色使用的理解(单词、RGB、十六进制)
- 怎么做网站地图?网站地图有必要吗?
- oracle常用命令操作
- 1.RCC_GetSYSCLKSource库函数
- 诺诺的队列
- 交换两个变量
- RMQ (区间问题)
- 第十八章 多线程服务器端的实现
- NDK 积累 1(如何移植C++程序)