Sumire — 明治大正 — 春
菫色
すみれいろ
#6040A0 春 明治大正
Description
野に咲く小さな菫の花の色。明治以降に広まった色名で、可憐で清楚な美しさを持つ青紫は現代でも親しまれる色。
HEX#6040A0
RGBrgb(96, 64, 160)
HSLhsl(260deg 43% 44%)
現代UIでの使用例
UI Preview
Heading
日本の
伝統色
Japanese Traditional Color
コードスニペット
Code Snippets
CSS Variables
:root {
--color-sumire: #6040A0;
--color-sumire-accent: #6848AC;
--color-sumire-light: #F0ECF8;
}bg-[#6040A0] /* 背景色 */
text-[#6040A0] /* テキスト色 */
border-[#6040A0] /* ボーダー */
bg-[#F0ECF8] text-[#6848AC] /* 淡背景バッジ */
.sumire {
background-color: #6040A0;
}
.sumire-accent {
background-color: #6848AC;
}
.sumire-light {
background-color: #F0ECF8;
}
.text-sumire {
color: #6040A0;
}HEX #6040A0
RGB rgb(96, 64, 160)
HSL hsl(260deg 43% 44%)
Accent
HEX #6848AC
Light
HEX #F0ECF8