Orchid Lavender Swing カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Orchid Lavender Swing palette

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

Orchid Lavender Swing カラーパレット (PNG) をダウンロード

Download orchid lavender swing color palette PNG image (landscape)
Download orchid lavender swing color palette PNG image (square)

Orchid Lavender Swing カラーパレット CSS

/* CSS */
.color-1 {
color: #ebc7e8;
}
.color-2 {
color: #dab6dd;
}
.color-3 {
color: #c5a9d6;
}
.color-4 {
color: #988cc0;
}
.color-5 {
color: #6d71b0;
}

/* CSS Variables */
:root {
--color-1: #ebc7e8;
 --color-2: #dab6dd;
 --color-3: #c5a9d6;
 --color-4: #988cc0;
 --color-5: #6d71b0;
 }

Orchid Lavender Swing の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ebc7e8, #dab6dd, #c5a9d6, #988cc0, #6d71b0);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ebc7e8, #dab6dd, #c5a9d6, #988cc0, #6d71b0);
}

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

Orchid Lavender Swing color palette created on .