CSS3 颜色

颜色

CSS 颜色的定义方式有三种。

<span style="color: red;"> 红 </span> <!-- 1. 颜色名称 -->

<span style="color: #008000;"> 绿 </span> <!-- 2. 二进制 -->

<span style="color: rgb(0,0,255);"> 蓝 </span> <!-- 3. 十六进制 -->

效果


颜色表

下列是一组常见的颜色对照表,更多颜色可以参考 - 颜色对照表

颜色名称二进制十六进制效果
black#0000000,0,0
white#ffffff255,255,255
silver#c0c0c0192,192,192
gray#808080128,128,128
maroon#800000128,0,0
red#ff0000255,0,0
purple#800080128,0,128
green#0080000,128,0
lime#00ff000,255,0
olive#808000128,128,0
yellow#ffff00255,255,0
navy#0000800,0,128
blue#0000ff0,0,255
teal#0080800,128,128
aqua#00ffff0,255,255
CSS3 教程 CSS3 入门 CSS3 选择器 CSS3 颜色 CSS3 单位 CSS3 字体 CSS3 文本 CSS3 光标 CSS3 盒子模型 CSS3 边框 CSS3 边距 CSS3 列表 CSS3 表格 CSS3 背景 CSS3 效果 CSS3 浮动 CSS3 定位 CSS3 响应式 CSS3 Columns CSS3 Flex