Camille Íris カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Camille Íris palette

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

Camille Íris カラー パレット PNG 画像

Download camille íris color palette PNG image (landscape)
Download camille íris color palette PNG image (square)

Camille Íris カラーパレット CSS

/* CSS */
.color-1 {
color: #a77ccb;
}
.color-2 {
color: #bea0cf;
}
.color-3 {
color: #e2c9e4;
}
.color-4 {
color: #f1e6f4;
}
.color-5 {
color: #f4d8c8;
}

/* CSS Variables */
:root {
--color-1: #a77ccb;
 --color-2: #bea0cf;
 --color-3: #e2c9e4;
 --color-4: #f1e6f4;
 --color-5: #f4d8c8;
 }

Camille Íris の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a77ccb, #bea0cf, #e2c9e4, #f1e6f4, #f4d8c8);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a77ccb, #bea0cf, #e2c9e4, #f1e6f4, #f4d8c8);
}

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

Camille Íris color palette created on .