Frutiger Aero カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Frutiger Aero palette

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

Frutiger Aero カラーパレット (PNG) をダウンロード

Download frutiger aero color palette PNG image (landscape)
Download frutiger aero color palette PNG image (square)

Frutiger Aero カラーパレット CSS

/* CSS */
.color-1 {
color: #1299ca;
}
.color-2 {
color: #35bcde;
}
.color-3 {
color: #6fd7ec;
}
.color-4 {
color: #9ceff2;
}
.color-5 {
color: #faefef;
}

/* CSS Variables */
:root {
--color-1: #1299ca;
 --color-2: #35bcde;
 --color-3: #6fd7ec;
 --color-4: #9ceff2;
 --color-5: #faefef;
 }

Frutiger Aero の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1299ca, #35bcde, #6fd7ec, #9ceff2, #faefef);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1299ca, #35bcde, #6fd7ec, #9ceff2, #faefef);
}

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

Frutiger Aero color palette created on .