建站技术

当前位置:

css颜色rgba代码对照表

浏览量:945次

以下是一份正式风格的CSS颜色RGBA代码对照表,共计约1000字:

```css
/* 颜色对照表 */

/* 基本颜色 */
.color-red {
color: rgba(255, 0, 0, 1);
}

.color-green {
color: rgba(0, 128, 0, 1);
}

.color-blue {
color: rgba(0, 0, 255, 1);
}

.color-yellow {
color: rgba(255, 255, 0, 1);
}

.color-cyan {
color: rgba(0, 255, 255, 1);
}

.color-magenta {
color: rgba(255, 0, 255, 1);
}

.color-black {
color: rgba(0, 0, 0, 1);
}

.color-white {
color: rgba(255, 255, 255, 1);
}

/* 中性颜色 */
.color-gray-light {
color: rgba(204, 204, 204, 1);
}

.color-gray {
color: rgba(128, 128, 128, 1);
}

.color-gray-dark {
color: rgba(64, 64, 64, 1);
}

/* 暖色系 */
.color-orange {
color: rgba(255, 165, 0, 1);
}

.color-pink {
color: rgba(255, 192, 203, 1);
}

.color-coral {
color: rgba(255, 127, 80, 1);
}

.color-salmon {
color: rgba(250, 128, 114, 1);
}

.color-tomato {
color: rgba(255, 99, 71, 1);
}

/* 冷色系 */
.color-cyan-light {
color: rgba(152, 251, 152, 1);
}

.color-teal {
color: rgba(0, 128, 128, 1);
}

.color-turquoise {
color: rgba(64, 224, 208, 1);
}

.color-green-light {
color: rgba(144, 238, 144, 1);
}

.color-lime {
color: rgba(0, 255, 0, 1);
}

.color-mint {
color: rgba(180, 255, 255, 1);
}

/* 亮色系 */
.color-gold {
color: rgba(255, 215, 0, 1);
}

.color-silver {
color: rgba(192, 192, 192, 1);
}

.color-goldenrod {
color: rgba(218, 165, 32, 1);
}

.color-olive {
color: rgba(128, 128, 0, 1);
}

.color-maroon {
color: rgba(128, 0, 0, 1);
}

.color-purple {
color: rgba(128, 0, 128, 1);
}
```

[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【44554220@qq.com】,我们在确认后,会立即删除,保证您的版权。