Mizu — 江戸 — 夏
水色
みずいろ
#80C8E0 夏 江戸
Description
清らかな水を透かして見るような淡い青。さわやかで清潔感のある色として、夏の涼を演出する定番の伝統色。
HEX#80C8E0
RGBrgb(128, 200, 224)
HSLhsl(195deg 61% 69%)
現代UIでの使用例
UI Preview
Heading
日本の
伝統色
Japanese Traditional Color
コードスニペット
Code Snippets
CSS Variables
:root {
--color-mizu: #80C8E0;
--color-mizu-accent: #88D0E8;
--color-mizu-light: #E8F8FD;
}bg-[#80C8E0] /* 背景色 */
text-[#80C8E0] /* テキスト色 */
border-[#80C8E0] /* ボーダー */
bg-[#E8F8FD] text-[#88D0E8] /* 淡背景バッジ */
.mizu {
background-color: #80C8E0;
}
.mizu-accent {
background-color: #88D0E8;
}
.mizu-light {
background-color: #E8F8FD;
}
.text-mizu {
color: #80C8E0;
}HEX #80C8E0
RGB rgb(128, 200, 224)
HSL hsl(195deg 61% 69%)
Accent
HEX #88D0E8
Light
HEX #E8F8FD