Japanese Sporty Caretaker カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Japanese Sporty Caretaker palette

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

Japanese Sporty Caretaker カラー パレット PNG 画像

Download japanese sporty caretaker color palette PNG image (landscape)
Download japanese sporty caretaker color palette PNG image (square)

Japanese Sporty Caretaker カラーパレット CSS

/* CSS */
.color-1 {
color: #f1b1a7;
}
.color-2 {
color: #d9c4d1;
}
.color-3 {
color: #a3d7d7;
}
.color-4 {
color: #6b9e7d;
}
.color-5 {
color: #d0e5c7;
}

/* CSS Variables */
:root {
--color-1: #f1b1a7;
 --color-2: #d9c4d1;
 --color-3: #a3d7d7;
 --color-4: #6b9e7d;
 --color-5: #d0e5c7;
 }

Japanese Sporty Caretaker の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f1b1a7, #d9c4d1, #a3d7d7, #6b9e7d, #d0e5c7);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f1b1a7, #d9c4d1, #a3d7d7, #6b9e7d, #d0e5c7);
}

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

Japanese Sporty Caretaker color palette created on .