【CSS】各百分比透明度 opacity 对应的 16 进制颜色值（例如：#FFFFFF80）

文章目录

• 使用：6位颜色值+2位透明度值

color: #000000D4;
/* 等价于 */
color: #000000;
opacity : 0.83; 
/* 等价于 */
color: #000000;
opacity : 83%; 

• 对照表（0：完全透明，1：不透明）

透明度值	百分百值	十六进制值
0	0%	00
0.01	1%	03
0.02	2%	05
0.03	3%	08
0.04	4%	0A
0.05	5%	0D
0.06	6%	0F
0.07	7%	12
0.08	8%	14
0.09	9%	17
0.10	10%	1A
0.11	11%	1C
0.12	12%	1F
0.13	13%	21
0.14	14%	24
0.15	15%	26
0.16	16%	29
0.17	17%	2B
0.18	18%	2E
0.19	19%	30
0.20	20%	33
0.21	21%	36
0.22	22%	38
0.23	23%	3B
0.24	24%	3D
0.25	25%	40
0.26	26%	42
0.27	27%	45
0.28	28%	47
0.29	29%	4A
0.30	30%	4D
0.31	31%	4F
0.32	32%	52
0.33	33%	54
0.34	34%	57
0.35	35%	59
0.36	36%	5C
0.37	37%	5E
0.38	38%	61
0.39	39%	63
0.40	40%	66
0.41	41%	69
0.42	42%	6B
0.43	43%	6E
0.44	44%	70
0.45	45%	73
0.46	46%	75
0.47	47%	78
0.48	48%	7A
0.49	49%	7D
0.50	50%	80
0.51	51%	82
0.52	52%	85
0.53	53%	87
0.54	54%	8A
0.55	55%	8C
0.56	56%	8F
0.57	57%	91
0.58	58%	94
0.59	59%	96
0.60	60%	99
0.61	61%	9C
0.62	62%	9E
0.63	63%	A1
0.64	64%	A3
0.65	65%	A6
0.66	66%	A8
0.67	67%	AB
0.68	68%	AD
0.69	69%	B0
0.70	70%	B3
0.71	71%	B5
0.72	72%	B8
0.73	73%	BA
0.74	74%	BD
0.75	75%	BF
0.76	76%	C2
0.77	77%	C4
0.78	78%	C7
0.79	79%	C9
0.80	80%	CC
0.81	81%	CF
0.82	82%	D1
0.83	83%	D4
0.84	84%	D6
0.85	85%	D9
0.86	86%	DB
0.87	87%	DE
0.88	88%	E0
0.89	89%	E3
0.90	90%	E6
0.91	91%	E8
0.92	92%	EB
0.93	93%	ED
0.94	94%	F0
0.95	95%	F2
0.96	96%	F5
0.97	97%	F7
0.98	98%	FA
0.99	99%	FC
1	100%	FF