Silver Rain カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Silver Rain palette

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

Silver Rain カラー パレット PNG 画像

Download silver rain color palette PNG image (landscape)
Download silver rain color palette PNG image (square)

Silver Rain カラーパレット CSS

/* CSS */
.color-1 {
color: #a8b3c2;
}
.color-2 {
color: #b3c7d6;
}
.color-3 {
color: #d6e1e6;
}
.color-4 {
color: #e5f1f5;
}
.color-5 {
color: #faffff;
}

/* CSS Variables */
:root {
--color-1: #a8b3c2;
 --color-2: #b3c7d6;
 --color-3: #d6e1e6;
 --color-4: #e5f1f5;
 --color-5: #faffff;
 }

Silver Rain の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a8b3c2, #b3c7d6, #d6e1e6, #e5f1f5, #faffff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a8b3c2, #b3c7d6, #d6e1e6, #e5f1f5, #faffff);
}

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

Silver Rain color palette created on .