16进制颜色代码表:
基本概念
1、16进制(Hexadecimal):一种逢16进1的计数系统,使用09和AF表示数值。
2、RGB(Red, Green, Blue):红绿蓝三原色模型,用于计算机屏幕显示颜色。
3、透明度(Alpha):表示颜色的不透明程度,范围为0(完全透明)到255(完全不透明)。
16进制颜色代码表示方法
1、RGB格式:以井号(#)开头,后面跟着6个十六进制数字,分别表示红、绿、蓝三个通道的亮度值。#FF0000表示红色。
2、RGBA格式:在RGB格式的基础上,增加一个表示透明度的十六进制数字。#FF000080表示半透明的红色。
常用16进制颜色代码
以下是一些常用的16进制颜色代码及其对应的RGBA值:
颜色名称 |
RGBA值 |
白色 |
#FFFFFF |
黑色 |
#000000 |
红色 |
#FF0000 |
绿色 |
#00FF00 |
蓝色 |
#0000FF |
黄色 |
#FFFF00 |
青色 |
#00FFFF |
紫色 |
#800080 |
灰色 |
#808080 |
粉色 |
#FFC0CB |
棕色 |
#A52A2A |
橄榄绿 |
#808000 |
海蓝 |
#77B5FE |
巧克力色 |
#D2691E |
翡翠绿 |
#32CD32 |
玫瑰红 |
#FF69B4 |
柠檬黄 |
#FFFFE0 |
天蓝色 |
#87CEEB |
草绿色 |
#7CFC00 |
紫罗兰色 |
#9370DB |
银色 |
#C0C0C0 |
金色 |
#FFD700 |
深红色 |
#8B0000 |
浅蓝色 |
#ADD8E6 |
浅绿色 |
#98A865 |
橙色 |
#FFA500 |
使用16进制颜色代码的方法
1、HTML/CSS:在HTML或CSS中,可以直接使用16进制颜色代码作为元素的背景色、文本色等属性值。红色背景
。
2、JavaScript:在JavaScript中,可以使用parseInt()
函数将16进制字符串转换为10进制整数,然后使用该整数设置颜色。var color = parseInt("#FF0000", 16);
。