Kim Yongsook カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Kim Yongsook palette

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

Kim Yongsook カラー パレット PNG 画像

Download kim yongsook color palette PNG image (landscape)
Download kim yongsook color palette PNG image (square)

Kim Yongsook カラーパレット CSS

/* CSS */
.color-1 {
color: #f6a2af;
}
.color-2 {
color: #f9c1a9;
}
.color-3 {
color: #f4e4b3;
}
.color-4 {
color: #c2e8b0;
}
.color-5 {
color: #a3d6e0;
}

/* CSS Variables */
:root {
--color-1: #f6a2af;
 --color-2: #f9c1a9;
 --color-3: #f4e4b3;
 --color-4: #c2e8b0;
 --color-5: #a3d6e0;
 }

Kim Yongsook の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f6a2af, #f9c1a9, #f4e4b3, #c2e8b0, #a3d6e0);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f6a2af, #f9c1a9, #f4e4b3, #c2e8b0, #a3d6e0);
}

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

Kim Yongsook color palette created on .