Tropical Purple Sun カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Tropical Purple Sun palette

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

Tropical Purple Sun カラー パレット PNG 画像

Download tropical purple sun color palette PNG image (landscape)
Download tropical purple sun color palette PNG image (square)

Tropical Purple Sun カラーパレット CSS

/* CSS */
.color-1 {
color: #6f2c90;
}
.color-2 {
color: #a45fbf;
}
.color-3 {
color: #f1c40e;
}
.color-4 {
color: #f39c12;
}
.color-5 {
color: #e77e23;
}

/* CSS Variables */
:root {
--color-1: #6f2c90;
 --color-2: #a45fbf;
 --color-3: #f1c40e;
 --color-4: #f39c12;
 --color-5: #e77e23;
 }

Tropical Purple Sun の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #6f2c90, #a45fbf, #f1c40e, #f39c12, #e77e23);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #6f2c90, #a45fbf, #f1c40e, #f39c12, #e77e23);
}

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

下にスクロールして5個のトロピカルカラーパレットを探索しましょう

Tropical Purple Sun color palette created on .