- 浅紫 あさむらさき #c4a3bf -
<!-- HTML -->
<div class="tx-暗黒色_あんこくしょく bg-浅紫_あさむらさき">
<span>背景色:浅紫 あさむらさき</span><br>
<span>文字色:暗黒色 あんこくしょく</span>
</div>
/* CSS */
/* カラーコードの日本語定義 */
:root {
--浅紫_あさむらさき :#c4a3bf;
--暗黒色_あんこくしょく :#16160e;
}
/* 背景色のクラス定義 */
.bg-浅紫_あさむらさき {
background: var(--浅紫_あさむらさき);
}
/* 文字色のクラス定義 */
.tx-暗黒色_あんこくしょく {
color: var(--暗黒色_あんこくしょく);
}