Anos 60 カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Anos 60 palette

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

Anos 60 カラー パレット PNG 画像

Download anos 60 color palette PNG image (landscape)
Download anos 60 color palette PNG image (square)

Anos 60 カラーパレット CSS

/* CSS */
.color-1 {
color: #f6b83c;
}
.color-2 {
color: #f6d13c;
}
.color-3 {
color: #cee6a3;
}
.color-4 {
color: #a3d8e0;
}
.color-5 {
color: #4b7bec;
}

/* CSS Variables */
:root {
--color-1: #f6b83c;
 --color-2: #f6d13c;
 --color-3: #cee6a3;
 --color-4: #a3d8e0;
 --color-5: #4b7bec;
 }

Anos 60 の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f6b83c, #f6d13c, #cee6a3, #a3d8e0, #4b7bec);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f6b83c, #f6d13c, #cee6a3, #a3d8e0, #4b7bec);
}

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

Anos 60 color palette created on .