css颜色代码(css文字颜色代码)

本篇文章给大家谈谈css颜色代码，以及css文字颜色代码对应的知识点，文章可能有点长，但是希望大家可以阅读完，增长自己的知识，最重要的是希望对各位有所帮助，可以解决了您的问题，不要忘了收藏本站喔。

CSS 的颜色代码 透明色是什么代码

当你在CSS中需要设置元素呈现出透明的效果时，你可以使用“transparent”这个颜色代码。透明色在背景和字体颜色设置中都有其应用，例如，要让背景完全透明，可以使用“background-color: transparent;”，字体颜色透明则用“color: transparent;”。

颜色代码的种类主要分为四类：

1.常见的单词颜色，如“green”（绿色）、“yellow”（黄色）、“red”（红色）和“transparent”（透明色）等，这些都是直接使用的颜色名称。

2.六位以#号开头的十六进制颜色代码，如“#FF0000”代表红色，“#000000”代表黑色，“#F9F900”代表黄色。

3. RGB（红绿蓝）值，通过三个参数（r，g，b）来定义，每个参数分别代表0-255的整数或0-100的百分比，例如“rgb(255, 0, 0)”表示红色。

4. RGBA（RGB加上Alpha透明度）代码，与RGB类似，只是多了一个α（Alpha）通道来控制透明度，范围是0（完全透明）到1（完全不透明）。例如“rgba(255, 0, 0, 0)”代表红色但完全透明。

通过以上介绍，你可以根据需要选择适合的透明色代码来实现你想要的视觉效果。

CSS颜色代码大全视图参照表

CSS颜色代码大全视图参照表

以下是一个详细的CSS颜色代码参照表，包含了各种常见颜色的十六进制（Hex）代码以及对应的颜色名称：

白色与灰色系

#FFFFFF：白色（White）#DDDDDD：浅灰色（Light Gray）#AAAAAA：中灰色（Medium Gray）#888888：深灰色（Dark Gray）#666666：更深灰色#444444：非常深灰色#000000：黑色（Black）粉色系

#FFB7DD：浅粉红（Light Pink）#FF88C2：热粉红（Hot Pink）#FF44AA：亮粉红（Bright Pink）#FF0088：粉红（Pink）#C10066：深粉红（Deep Pink）#A20055：暗粉红（Dark Pink）#8C0044：非常暗粉红红色系

#FFCCCC：浅红色（Light Red）#FF8888：珊瑚色（Coral）#FF3333：番茄色（Tomato）#FF0000：红色（Red）#CC0000：暗红色（Dark Red）#AA0000：非常暗红色#880000：深红色（Maroon）橙色系

#FFC8B4：浅橙色（Light Salmon）#FFA488：橙色（Orange）#FF7744：亮橙色（Bright Orange）#FF5511：暗橙色（Dark Orange）#E63F00：非常暗橙色#C63300：深橙色#A42D00：非常深橙色黄色与金色系

#FFDDAA：浅黄色（Light Yellow）

#FFBB66：金色（Gold）

#FFAA33：亮黄色（Bright Yellow）

#FF8800：黄色（Yellow）

#EE7700：暗黄色（Dark Yellow）

#CC6600：非常暗黄色

#BB5500：深黄色

#FFCC22：金色（另一种表示）

#FFEE99：浅金色（Light Gold）

#FFDD55：亮金色（Bright Gold）

#FFB3FF：浅金色带粉（Pinkish Gold）

#FFB886：金色（另一种表示，接近#FFBB66）

#B8860B：暗金色（Dark Gold）

#DAA520：金色（Goldenrod）

绿色系

#FFEE99：浅黄绿色（Light Yellow Green）

#FFDD55：亮黄绿色（Bright Yellow Green）

#FFCC22：黄绿色（Yellow Green）

#90EE90：亮绿色（Light Green）

#98F898：浅绿色（Pale Green）

#7CFC00：草坪绿（Lawn Green）

#32CD32：菜绿（Lime Green）

#00FF00：绿色（Green）

#00FF7F：春绿（Spring Green）

#00FA9A：中春绿（Medium Spring Green）

#7FFF00：查特绿（Chartreuse）

#ADFF2F：黄绿色（Yellow Green，另一种表示）

#228B22：森林绿（Forest Green）

#2E8B57：海绿（Sea Green）

#008080：蓝绿色（Teal）

#3CB371：中海绿（Medium Sea Green）

#8FBC8F：海绿（另一种表示，接近#2E8B57但更深）

#20B2AA：浅海绿（Light Sea Green）

#66CDAA：水绿（Medium Aquamarine）

#48D1CC：中海蓝绿（Medium Turquoise）

#00CED1：蓝绿（Turquoise）

蓝色系

#87CEEB：天蓝（Sky Blue）

#87CEFA：浅天蓝（Light Sky Blue）

#ADD8E6：亮蓝（Light Blue）

#B0C4DE：钢蓝（Steel Blue）

#4682B4：钢蓝（另一种表示，更深）

#1E90FF：道奇蓝（Dodger Blue）

#6495ED：矢车菊蓝（Cornflower Blue）

#00BFFF：深天蓝（Deep Sky Blue）

#0000FF：蓝色（Blue）

#0000CD：中蓝（Medium Blue）

#4169E1：皇家蓝（Royal Blue）

#191970：午夜蓝（Midnight Blue）

#00008B：深蓝（Dark Blue）

#000080：海军蓝（Navy）

#483D8B：暗石板蓝（Dark Slate Blue）

#5F9EA0：军蓝（Cadet Blue）

#008B8B：暗青色（Dark Cyan）

#B0E0E6：粉蓝（Powder Blue）

#AFEEEE：浅粉蓝（Pale Turquoise）

#E0FFFF：浅青色（Light Cyan）

#F0FFFF：青色（Cyan/Aqua）

紫色系

#800080：紫色（Purple）

#9370DB：中紫色（Medium Purple）

#BA55D3：中兰花紫（Medium Orchid）

#EE82EE：紫罗兰（Violet）

#DA70D6：兰花紫（Orchid）

#D8BFD8：蓟色（Thistle）

#E6E6FA：薰衣草紫（Lavender Blush）

#800000：栗色（Maroon，与#800080的紫色相近但偏红）

#8B008B：暗洋红（Dark Magenta）

#9400D3：暗紫罗兰（Dark Violet）

#4B0082：靛蓝（Indigo）

#8A2BE2：蓝紫罗兰（Blue Violet）

#7B68EE：中石板蓝（Medium Slate Blue）

#6A5ACD：石板蓝（Slate Blue）

其他颜色

#DEB887：浅棕色（Burlywood）

#F5DEB3：小麦色（Wheat）

#FFE4B5：浅黄褐色（Moccasin）

#FFDEAD：桃色（Navajo White）

#FFDAB9：浅桃色（Peachpuff）

#FFE4C4：浅黄褐色（Bisque）

#FAEBD7：古董白（Antique White）

#FFEFD5：番木瓜色（Papaya Whip）

#FFF8DC：玉米丝色（Cornsilk）

#FDF5E6：老花色（Old Lace）

#FAF0E6：亚麻色（Linen）

#FFF5EE：贝壳色（Seashell）

#FFFAFA：雪花色（Snow）

#FFFAF0：花白色（Floral White）

#FFFFF0：象牙白（Ivory）

#F0FFF0：淡绿色（Honeydew）

#F0F8FF：爱丽丝蓝（Alice Blue）

#F5F5DC：米色（Beige）

#FFFACD：柠檬绸色（Lemon Chiffon）

#FAFAD2：浅金黄色（Light Goldenrodyellow）

#D2B48C：棕色（Tan）

#A9A9A9：深灰色（Dark Gray，另一种表示）

#C0C0C0：银色（Silver）

#D3D3D3：浅

颜色代码在html中怎么用

在网页设计中，一般常用的颜色代码有两种：颜色名、颜色值。在HTML4.0标准中，只有16种颜色名被支持如red、yellow等，而颜色值是由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB），一般用于css中。

工具原料：文本编辑器、浏览器。

颜色名的用法：

1、直接在html中使用color属性即可使用，如下代码

<fontsize="3"color="red">Thisissometext!</font>2、运行效果如下图：

颜色值的用法

1、直接在css代码中使用color属性即可，代码如下：

<pstyle="color=:#E3130E;">Thisissometext!</p>2、运行效果如下：

关于css颜色代码到此分享完毕，希望能帮助到您。