Divine Baby カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Divine Baby palette

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

Divine Baby カラーパレット (PNG) をダウンロード

Download divine baby color palette PNG image (landscape)
Download divine baby color palette PNG image (square)

Divine Baby カラーパレット CSS

/* CSS */
.color-1 {
color: #f4c8d6;
}
.color-2 {
color: #f8b4d3;
}
.color-3 {
color: #fbafac;
}
.color-4 {
color: #ff9f80;
}
.color-5 {
color: #ff8161;
}

/* CSS Variables */
:root {
--color-1: #f4c8d6;
 --color-2: #f8b4d3;
 --color-3: #fbafac;
 --color-4: #ff9f80;
 --color-5: #ff8161;
 }

Divine Baby の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f4c8d6, #f8b4d3, #fbafac, #ff9f80, #ff8161);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f4c8d6, #f8b4d3, #fbafac, #ff9f80, #ff8161);
}

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

Divine Baby color palette created on .