Winter in the Heart カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with Winter in the Heart palette
Winter in the Heart カラーパレット (PNG) をダウンロード
Winter in the Heart カラーパレット CSS
/* CSS */
.color-1 {
color: #a6c6ed;
}
.color-2 {
color: #f4b943;
}
.color-3 {
color: #e97d2f;
}
.color-4 {
color: #7d3b4b;
}
.color-5 {
color: #4d2a92;
}
/* CSS Variables */
:root {
--color-1: #a6c6ed;
--color-2: #f4b943;
--color-3: #e97d2f;
--color-4: #7d3b4b;
--color-5: #4d2a92;
} Winter in the Heart の背景のグラデーション CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a6c6ed, #f4b943, #e97d2f, #7d3b4b, #4d2a92);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a6c6ed, #f4b943, #e97d2f, #7d3b4b, #4d2a92);
} 似たようなカラーパレット
Winter in the Heart color palette created on .