Loading...

Pink Celestia カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Pink Celestia palette

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

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

Download pink celestia color palette PNG image (landscape)
Download pink celestia color palette PNG image (square)

Pink Celestia カラーパレット CSS

/* CSS */
.color-1 {
color: #f8f3a5;
}
.color-2 {
color: #f4b3c3;
}
.color-3 {
color: #f69dbf;
}
.color-4 {
color: #d97dba;
}
.color-5 {
color: #9c609f;
}

/* CSS Variables */
:root {
--color-1: #f8f3a5;
 --color-2: #f4b3c3;
 --color-3: #f69dbf;
 --color-4: #d97dba;
 --color-5: #9c609f;
 }

Pink Celestia の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f8f3a5, #f4b3c3, #f69dbf, #d97dba, #9c609f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f8f3a5, #f4b3c3, #f69dbf, #d97dba, #9c609f);
}

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

Pink Celestia color palette created on .