Ariana Light カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Ariana Light palette

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

Ariana Light カラー パレット PNG 画像

Download ariana light color palette PNG image (landscape)
Download ariana light color palette PNG image (square)

Ariana Light カラーパレット CSS

/* CSS */
.color-1 {
color: #ff7092;
}
.color-2 {
color: #ff8f9c;
}
.color-3 {
color: #ffb3c6;
}
.color-4 {
color: #ffe0d6;
}
.color-5 {
color: #ffe3e0;
}

/* CSS Variables */
:root {
--color-1: #ff7092;
 --color-2: #ff8f9c;
 --color-3: #ffb3c6;
 --color-4: #ffe0d6;
 --color-5: #ffe3e0;
 }

Ariana Light の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff7092, #ff8f9c, #ffb3c6, #ffe0d6, #ffe3e0);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff7092, #ff8f9c, #ffb3c6, #ffe0d6, #ffe3e0);
}

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

Ariana Light color palette created on .