Aubrey カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Aubrey palette

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

Aubrey カラー パレット PNG 画像

Download aubrey color palette PNG image (landscape)
Download aubrey color palette PNG image (square)

Aubrey カラーパレット CSS

/* CSS */
.color-1 {
color: #d2a2c5;
}
.color-2 {
color: #b67cb6;
}
.color-3 {
color: #a06e95;
}
.color-4 {
color: #d68f99;
}
.color-5 {
color: #f1b1c5;
}

/* CSS Variables */
:root {
--color-1: #d2a2c5;
 --color-2: #b67cb6;
 --color-3: #a06e95;
 --color-4: #d68f99;
 --color-5: #f1b1c5;
 }

Aubrey の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d2a2c5, #b67cb6, #a06e95, #d68f99, #f1b1c5);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d2a2c5, #b67cb6, #a06e95, #d68f99, #f1b1c5);
}

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

下にスクロールして3個の赤褐色カラーパレットを探索しましょう

Aubrey color palette created on .