html 里面可以直接使用英文颜色名来设置颜色,这就是颜色关键字写法,属于 html css 里面最基础的颜色代码写法,不需要写十六进制或者 rgb 数值,直接填写英文名称,浏览器就可以识别对应的色彩,最基础常用的颜色名包含黑色 白色 红色 绿色 蓝色 黄色 青色 品红 灰色这一批核心基础色,也是前端入门考试高频知识点。这种英文颜色名写法优点是简单好记,适合初学阶段练习,缺点是可选色彩数量有限,精细调色不能满足需求,精细配色一般会改用十六进制颜色代码或者 rgb 写法,很多新手容易混淆,颜色名只是 html 颜色代码其中一种形式,html 颜色代码一共包含英文颜色名 十六进制 rgb rgba hsl 多种形式,本次重点讲解最基础的颜色名。
最基础常用颜色名清单
| 颜色英文名称 | 中文含义 |
|---|---|
| black | 黑色 |
| white | 白色 |
| red | 红色 |
| green | 绿色 |
| blue | 蓝色 |
| yellow | 黄色 |
| cyan | 青色 |
| magenta | 品红 |
| gray | 灰色 |
| silver | 银灰色 |
| maroon | 栗色 |
| olive | 橄榄色 |
| lime | 酸橙绿 |
| navy | 藏青色 |
| purple | 紫色 |
| teal | 蓝绿色 |
使用方式说明
1 颜色名一般写在 css 属性里面,比如 color 设置文字颜色,backgroundcolor 设置背景颜色
2 示例写法 color red 就是把文字设置为红色
3 所有主流浏览器都支持这批基础颜色名,兼容性很好
4 注意区分 green 和 lime,red 和 maroon,这两组颜色名称很像,但是实际色值深浅不一样,做题的时候经常容易选错
补充深度知识点
标准 css 颜色关键字一共有一百四十多个,但是入门阶段只需要记住上面这批最基础颜色名,也就是题目要求的核心基础颜色。英文颜色名属于预定义名称,浏览器内部已经绑定好对应的色值,不需要手动计算 rgb 数值。如果需要半透明效果,单纯基础颜色名无法实现透明,必须改用 rgba 写法。另外还有 transparent 这个关键字,代表透明色,也属于常用颜色关键字。
【常见问题】
问题 1 html 颜色代码有哪些最基本的颜色名有哪些 red 是不是基础颜色名
回答 1 html 颜色代码有哪些最基本的颜色名里面 red 就是红色,属于最基础颜色名,写在 css 里面浏览器可以直接识别,是 html 颜色代码入门必记内容
问题 2 html 颜色代码有哪些最基本的颜色名有哪些 颜色名和十六进制代码是同一种吗
回答 1 html 颜色代码有哪些最基本的颜色名属于英文关键字写法,十六进制是数值型 html 颜色代码,二者都属于 html 颜色代码,但是书写形式不一样,基础颜色名不需要写井号数值
问题 3 html 颜色代码有哪些最基本的颜色名有哪些 可以实现半透明吗
回答 1 html 颜色代码有哪些最基本的颜色名里面普通基础颜色名不支持半透明,只有 transparent 是透明关键字,如果想要半透明效果,需要使用 rgba 这类 html 颜色代码
问题 4 html 颜色代码有哪些最基本的颜色名有哪些 green 和 lime 是同一个颜色吗
回答 1 html 颜色代码有哪些最基本的颜色名里面 green 和 lime 并不是同一个颜色,green 是标准深绿,lime 是鲜亮酸橙绿,属于两个独立基础颜色名,记忆 html 颜色代码的时候要区分
【免责申明】
本文基于 css 标准颜色关键字规范整理,不同浏览器对部分冷门颜色名渲染存在细微差别,内容仅用于学习备考参考。


