Loading...

Sweet Summer Kawaii カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Sweet Summer Kawaii palette

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

Sweet Summer Kawaii カラーパレット (PNG) をダウンロード

Download sweet summer kawaii color palette PNG image (landscape)
Download sweet summer kawaii color palette PNG image (square)

Sweet Summer Kawaii カラーパレット CSS

/* CSS */
.color-1 {
color: #f1a7b6;
}
.color-2 {
color: #f5d47a;
}
.color-3 {
color: #ff9e9e;
}
.color-4 {
color: #ffcb6b;
}
.color-5 {
color: #f26d69;
}

/* CSS Variables */
:root {
--color-1: #f1a7b6;
 --color-2: #f5d47a;
 --color-3: #ff9e9e;
 --color-4: #ffcb6b;
 --color-5: #f26d69;
 }

Sweet Summer Kawaii の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f1a7b6, #f5d47a, #ff9e9e, #ffcb6b, #f26d69);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f1a7b6, #f5d47a, #ff9e9e, #ffcb6b, #f26d69);
}

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

Sweet Summer Kawaii color palette created on .