html中基于红绿蓝三基色的配色方案和透明度的调整

色光三原色

红色（red）：r --- 红通道

绿色（green）：g ---绿通道

蓝色（blue）：b ---蓝通道

1.十进制方式调色

　　color: rgb(128, 255, 0);   // 三个十进制数分别对应  红--r，绿--g，蓝--b，取值范围  0-255，此方式不能调整透明度

或 

　　color: rgba(128, 255, 0, 0.3);  // 前三个十进制数分别对应  红--r，绿--g，蓝--b，取值范围  0-255；第四个数值调透明度 对应 --a，取值范围0~1，0为全透明，1为完全不透明

 

2.十六进制方式调色

　　color: #0088ff;  // 除去符号#，余下六位字符每两位一组，分别对应  红--r，绿--g，蓝--b，取值范围  00~ff，不区分大小写，此方式不能调整透明度

或 

　　color: #0088ff3D;  // 除去符号#，余下八位字符每两位一组，分别对应  红--r，绿--g，蓝--b 和 透明度--a，取值范围  00~ff，不区分大小写，可通过调整最后两位调整透明度，00为全透明，ff为完全不透明

注：十六进制的每一位的取值仅可为 0-9和a-f  或  0-9和A-F

小贴士：

16进制色值透明度对照

100% — FF、　　99% — FC、　　98% — FA、　　97% — F7、　　96% — F5、

95% — F2、　　  94% — F0、　　93% — ED、　　92% — EB、　　91% — E8、

90% — E6、　　  89% — E3、　　88% — E0、　　87% — DE、　　86% — DB、

85% — D9、　　  84% — D6、　　83% — D4、　　82% — D1、　　81% — CF、

80% — CC、　　 79% — C9、　　78% — C7、　　77% — C4、　　76% — C2、

75% — BF、　　  74% — BD、　　73% — BA、　　72% — B8、　　71% — B5、

70% — B3、　　  69% — B0、　　68% — AD、　　67% — AB、　　66% — A8、

65% — A6、　　   64% — A3、　　63% — A1、　　62% — 9E、　　61% — 9C、

60% — 99、　　   59% — 96、　　58% — 94、　　57% — 91、　　56% — 8F、

55% — 8C、　　  54% — 8A、　　53% — 87、　　52% — 85、　　51% — 82、

50% — 80、　　   49% — 7D、　　48% — 7A、　　47% — 78、　　46% — 75、

45% — 73、　　   44% — 70、　　43% — 6E、　　42% — 6B、　　41% — 69、

40% — 66、　　   39% — 63、　　38% — 61、　　37% — 5E、　　36% — 5C、

35% — 59、　　   34% — 57、　　33% — 54、　　32% — 52、　　31% — 4F、

30% — 4D、　　   29% — 4A、　   28% — 47、　　27% — 45、　　26% — 42、

25% — 40、　　    24% — 3D、　   23% — 3B、　　22% — 38、　　21% — 36、

10% — 1A、　　    9% — 17、　　 8% — 14、　　7% — 12、　　　6% — 0F、

5% — 0D、　　      4% — 0A、　　3% — 08、　　2% — 05、　　   1% — 03、　　0% — 00