CSSで透明度を調整する時、opacityやrgbaなどが考えられますが、カラーコードで透明度を設定することができます。

#ffffffddというカラーコードにおける透明度は以下のように解釈されます

1. カラーコードの構造:
   • #ffffff は白色を表します。
   • 最後の dd が透明度（アルファ値）を示しています。
2. アルファ値の範囲:
   • 16進数で 00（完全に透明） から ff（完全に不透明） までの範囲です。
   • これは10進数で 0 から 255 に相当します。
3. dd の計算:
   • 16進数の dd は10進数で 221 に相当します。
4. パーセンテージへの変換:
   • 透明度のパーセンテージは以下の式で計算できます： (221 / 255) * 100 ≈ 86.67%

したがって、#ffffffdd の透明度は約 86.67% の不透明度、言い換えると約 13.33% の透明度を表します。

直観的にわかるように表にしています。

透明度 (%)	不透明度 (%)	カラーコード	RGBA表記
100	0	#ffffff00	rgba(255, 255, 255, 0)
95	5	#ffffff0D	rgba(255, 255, 255, 0.05)
90	10	#ffffff1A	rgba(255, 255, 255, 0.1)
85	15	#ffffff26	rgba(255, 255, 255, 0.15)
80	20	#ffffff33	rgba(255, 255, 255, 0.2)
75	25	#ffffff40	rgba(255, 255, 255, 0.25)
70	30	#ffffff4D	rgba(255, 255, 255, 0.3)
65	35	#ffffff59	rgba(255, 255, 255, 0.35)
60	40	#ffffff66	rgba(255, 255, 255, 0.4)
55	45	#ffffff73	rgba(255, 255, 255, 0.45)
50	50	#ffffff80	rgba(255, 255, 255, 0.5)
45	55	#ffffff8C	rgba(255, 255, 255, 0.55)
40	60	#ffffff99	rgba(255, 255, 255, 0.6)
35	65	#ffffffA6	rgba(255, 255, 255, 0.65)
30	70	#ffffffB3	rgba(255, 255, 255, 0.7)
25	75	#ffffffBF	rgba(255, 255, 255, 0.75)
20	80	#ffffffCC	rgba(255, 255, 255, 0.8)
15	85	#ffffffD9	rgba(255, 255, 255, 0.85)
10	90	#ffffffE6	rgba(255, 255, 255, 0.9)
5	95	#ffffffF2	rgba(255, 255, 255, 0.95)
0	100	#ffffffff	rgba(255, 255, 255, 1)

まとめ

透明度の変更はさまざまな方法があります。あくまで参考として見ていただけると良いと思います。
CSSの設計についてはそのルールに従い行うことが最も大事なことになります。