Clare April Reader カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Clare April Reader palette

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

Clare April Reader カラー パレット PNG 画像

Download clare april reader color palette PNG image (landscape)
Download clare april reader color palette PNG image (square)

Clare April Reader カラーパレット CSS

/* CSS */
.color-1 {
color: #f1a7b7;
}
.color-2 {
color: #f4c19f;
}
.color-3 {
color: #f6e1b6;
}
.color-4 {
color: #a8e1d4;
}
.color-5 {
color: #7ed3c2;
}

/* CSS Variables */
:root {
--color-1: #f1a7b7;
 --color-2: #f4c19f;
 --color-3: #f6e1b6;
 --color-4: #a8e1d4;
 --color-5: #7ed3c2;
 }

Clare April Reader の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f1a7b7, #f4c19f, #f6e1b6, #a8e1d4, #7ed3c2);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f1a7b7, #f4c19f, #f6e1b6, #a8e1d4, #7ed3c2);
}

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

Clare April Reader color palette created on .