Mod 60's カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Mod 60's palette

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

Mod 60's カラー パレット PNG 画像

Download mod 60's color palette PNG image (landscape)
Download mod 60's color palette PNG image (square)

Mod 60's カラーパレット CSS

/* CSS */
.color-1 {
color: #f7b5a1;
}
.color-2 {
color: #f6a579;
}
.color-3 {
color: #f29e4a;
}
.color-4 {
color: #d76d3c;
}
.color-5 {
color: #a94b3d;
}

/* CSS Variables */
:root {
--color-1: #f7b5a1;
 --color-2: #f6a579;
 --color-3: #f29e4a;
 --color-4: #d76d3c;
 --color-5: #a94b3d;
 }

Mod 60's の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f7b5a1, #f6a579, #f29e4a, #d76d3c, #a94b3d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f7b5a1, #f6a579, #f29e4a, #d76d3c, #a94b3d);
}

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

下にスクロールして10+個の60年代カラーパレットを探索しましょう

Mod 60's color palette created on .