Vibrant Illusions カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Vibrant Illusions palette

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

Vibrant Illusions カラー パレット PNG 画像

Download vibrant illusions color palette PNG image (landscape)
Download vibrant illusions color palette PNG image (square)

Vibrant Illusions カラーパレット CSS

/* CSS */
.color-1 {
color: #ffc105;
}
.color-2 {
color: #ff5724;
}
.color-3 {
color: #681b98;
}
.color-4 {
color: #1975d2;
}
.color-5 {
color: #4cae4f;
}

/* CSS Variables */
:root {
--color-1: #ffc105;
 --color-2: #ff5724;
 --color-3: #681b98;
 --color-4: #1975d2;
 --color-5: #4cae4f;
 }

Vibrant Illusions の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffc105, #ff5724, #681b98, #1975d2, #4cae4f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffc105, #ff5724, #681b98, #1975d2, #4cae4f);
}

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

Vibrant Illusions color palette created on .