Rarity Boutique カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Rarity Boutique palette

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

Rarity Boutique カラー パレット PNG 画像

Download rarity boutique color palette PNG image (landscape)
Download rarity boutique color palette PNG image (square)

Rarity Boutique カラーパレット CSS

/* CSS */
.color-1 {
color: #b76c9a;
}
.color-2 {
color: #d6a9c4;
}
.color-3 {
color: #f0c7d4;
}
.color-4 {
color: #f5e1c7;
}
.color-5 {
color: #fab700;
}

/* CSS Variables */
:root {
--color-1: #b76c9a;
 --color-2: #d6a9c4;
 --color-3: #f0c7d4;
 --color-4: #f5e1c7;
 --color-5: #fab700;
 }

Rarity Boutique の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #b76c9a, #d6a9c4, #f0c7d4, #f5e1c7, #fab700);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #b76c9a, #d6a9c4, #f0c7d4, #f5e1c7, #fab700);
}

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

下にスクロールして3個のラグジュアリーカラーパレットを探索しましょう

Rarity Boutique color palette created on .