Venus Hamato カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Venus Hamato palette

このパレットを共有する先：

Venus Hamato カラー パレット PNG 画像

Download venus hamato color palette PNG image (landscape)
Download venus hamato color palette PNG image (square)

Venus Hamato カラーパレット CSS

/* CSS */
.color-1 {
color: #b06d40;
}
.color-2 {
color: #ae573d;
}
.color-3 {
color: #9d3945;
}
.color-4 {
color: #81323f;
}
.color-5 {
color: #422940;
}

/* CSS Variables */
:root {
--color-1: #b06d40;
 --color-2: #ae573d;
 --color-3: #9d3945;
 --color-4: #81323f;
 --color-5: #422940;
 }

Venus Hamato の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #b06d40, #ae573d, #9d3945, #81323f, #422940);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #b06d40, #ae573d, #9d3945, #81323f, #422940);
}

似たようなカラーパレット

Venus Hamato color palette created on .