Cat Lover カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Cat Lover palette

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

Cat Lover カラー パレット PNG 画像

Download cat lover color palette PNG image (landscape)
Download cat lover color palette PNG image (square)

Cat Lover カラーパレット CSS

/* CSS */
.color-1 {
color: #b4a9c6;
}
.color-2 {
color: #eab8d1;
}
.color-3 {
color: #f7e1a1;
}
.color-4 {
color: #f6a8a2;
}
.color-5 {
color: #d67f6b;
}

/* CSS Variables */
:root {
--color-1: #b4a9c6;
 --color-2: #eab8d1;
 --color-3: #f7e1a1;
 --color-4: #f6a8a2;
 --color-5: #d67f6b;
 }

Cat Lover の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #b4a9c6, #eab8d1, #f7e1a1, #f6a8a2, #d67f6b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #b4a9c6, #eab8d1, #f7e1a1, #f6a8a2, #d67f6b);
}

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

Cat Lover color palette created on .