Облака カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Облака palette

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

Облака カラー パレット PNG 画像

Download облака color palette PNG image (landscape)
Download облака color palette PNG image (square)

Облака カラーパレット CSS

/* CSS */
.color-1 {
color: #a3c7e0;
}
.color-2 {
color: #b5e4f2;
}
.color-3 {
color: #f6f7d9;
}
.color-4 {
color: #f8caa5;
}
.color-5 {
color: #f1a8a2;
}

/* CSS Variables */
:root {
--color-1: #a3c7e0;
 --color-2: #b5e4f2;
 --color-3: #f6f7d9;
 --color-4: #f8caa5;
 --color-5: #f1a8a2;
 }

Облака の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a3c7e0, #b5e4f2, #f6f7d9, #f8caa5, #f1a8a2);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a3c7e0, #b5e4f2, #f6f7d9, #f8caa5, #f1a8a2);
}

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

Облака color palette created on .