Shion — 平安 — 秋
紫苑色
しおんいろ
#8C7EC0 秋 平安
Description
秋に咲く紫苑の花に由来する淡い紫色。儚さと上品さを兼ね備え、平安の雅を思わせる繊細で美しい伝統色。
HEX#8C7EC0
RGBrgb(140, 126, 192)
HSLhsl(253deg 34% 62%)
現代UIでの使用例
UI Preview
Heading
日本の
伝統色
Japanese Traditional Color
コードスニペット
Code Snippets
CSS Variables
:root {
--color-shion: #8C7EC0;
--color-shion-accent: #A99AD8;
--color-shion-light: #EDE9F8;
}bg-[#8C7EC0] /* 背景色 */
text-[#8C7EC0] /* テキスト色 */
border-[#8C7EC0] /* ボーダー */
bg-[#EDE9F8] text-[#A99AD8] /* 淡背景バッジ */
.shion {
background-color: #8C7EC0;
}
.shion-accent {
background-color: #A99AD8;
}
.shion-light {
background-color: #EDE9F8;
}
.text-shion {
color: #8C7EC0;
}HEX #8C7EC0
RGB rgb(140, 126, 192)
HSL hsl(253deg 34% 62%)
Accent
HEX #A99AD8
Light
HEX #EDE9F8