Cream The Rabbit カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Cream The Rabbit palette

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

Cream The Rabbit カラー パレット PNG 画像

Download cream the rabbit color palette PNG image (landscape)
Download cream the rabbit color palette PNG image (square)

Cream The Rabbit カラーパレット CSS

/* CSS */
.color-1 {
color: #f6e1b6;
}
.color-2 {
color: #e9bcaf;
}
.color-3 {
color: #d78e9b;
}
.color-4 {
color: #a76c9d;
}
.color-5 {
color: #5c3f8d;
}

/* CSS Variables */
:root {
--color-1: #f6e1b6;
 --color-2: #e9bcaf;
 --color-3: #d78e9b;
 --color-4: #a76c9d;
 --color-5: #5c3f8d;
 }

Cream The Rabbit の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f6e1b6, #e9bcaf, #d78e9b, #a76c9d, #5c3f8d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f6e1b6, #e9bcaf, #d78e9b, #a76c9d, #5c3f8d);
}

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

Cream The Rabbit color palette created on .