Asia カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Asia palette

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

Asia カラー パレット PNG 画像

Download asia color palette PNG image (landscape)
Download asia color palette PNG image (square)

Asia カラーパレット CSS

/* CSS */
.color-1 {
color: #c3d2b7;
}
.color-2 {
color: #a6baad;
}
.color-3 {
color: #698c7c;
}
.color-4 {
color: #4d6a5f;
}
.color-5 {
color: #2b503f;
}

/* CSS Variables */
:root {
--color-1: #c3d2b7;
 --color-2: #a6baad;
 --color-3: #698c7c;
 --color-4: #4d6a5f;
 --color-5: #2b503f;
 }

Asia の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c3d2b7, #a6baad, #698c7c, #4d6a5f, #2b503f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c3d2b7, #a6baad, #698c7c, #4d6a5f, #2b503f);
}

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

Asia color palette created on .