Ayame — 江戸 — 夏
菖蒲色
あやめいろ
#7050A0 夏 江戸
Description
端午の節句に飾られる菖蒲の花の色。厄除けの力があるとされ、凛と咲く花の気品と強さを纏った深みある紫。
HEX#7050A0
RGBrgb(112, 80, 160)
HSLhsl(264deg 33% 47%)
現代UIでの使用例
UI Preview
Heading
日本の
伝統色
Japanese Traditional Color
コードスニペット
Code Snippets
CSS Variables
:root {
--color-ayame: #7050A0;
--color-ayame-accent: #7858A8;
--color-ayame-light: #F0ECF8;
}bg-[#7050A0] /* 背景色 */
text-[#7050A0] /* テキスト色 */
border-[#7050A0] /* ボーダー */
bg-[#F0ECF8] text-[#7858A8] /* 淡背景バッジ */
.ayame {
background-color: #7050A0;
}
.ayame-accent {
background-color: #7858A8;
}
.ayame-light {
background-color: #F0ECF8;
}
.text-ayame {
color: #7050A0;
}HEX #7050A0
RGB rgb(112, 80, 160)
HSL hsl(264deg 33% 47%)
Accent
HEX #7858A8
Light
HEX #F0ECF8