Cloudy Skies カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Cloudy Skies palette

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

Cloudy Skies カラー パレット PNG 画像

Download cloudy skies color palette PNG image (landscape)
Download cloudy skies color palette PNG image (square)

Cloudy Skies カラーパレット CSS

/* CSS */
.color-1 {
color: #ffffff;
}
.color-2 {
color: #f8f7f7;
}
.color-3 {
color: #efebeb;
}
.color-4 {
color: #e0d7d7;
}
.color-5 {
color: #cbbdbd;
}

/* CSS Variables */
:root {
--color-1: #ffffff;
 --color-2: #f8f7f7;
 --color-3: #efebeb;
 --color-4: #e0d7d7;
 --color-5: #cbbdbd;
 }

Cloudy Skies の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffffff, #f8f7f7, #efebeb, #e0d7d7, #cbbdbd);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffffff, #f8f7f7, #efebeb, #e0d7d7, #cbbdbd);
}

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

Cloudy Skies color palette created on .