Shin Tsukimi カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Shin Tsukimi palette

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

Shin Tsukimi カラー パレット PNG 画像

Download shin tsukimi color palette PNG image (landscape)
Download shin tsukimi color palette PNG image (square)

Shin Tsukimi カラーパレット CSS

/* CSS */
.color-1 {
color: #f7e7ab;
}
.color-2 {
color: #f1c0a2;
}
.color-3 {
color: #f297c7;
}
.color-4 {
color: #c7a7e6;
}
.color-5 {
color: #809be5;
}

/* CSS Variables */
:root {
--color-1: #f7e7ab;
 --color-2: #f1c0a2;
 --color-3: #f297c7;
 --color-4: #c7a7e6;
 --color-5: #809be5;
 }

Shin Tsukimi の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f7e7ab, #f1c0a2, #f297c7, #c7a7e6, #809be5);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f7e7ab, #f1c0a2, #f297c7, #c7a7e6, #809be5);
}

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

下にスクロールして5個のムーンカラーパレットを探索しましょう

Shin Tsukimi color palette created on .