Tie Dye Acid Trip カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Tie Dye Acid Trip palette

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

Tie Dye Acid Trip カラー パレット PNG 画像

Download tie dye acid trip color palette PNG image (landscape)
Download tie dye acid trip color palette PNG image (square)

Tie Dye Acid Trip カラーパレット CSS

/* CSS */
.color-1 {
color: #ff5100;
}
.color-2 {
color: #ffb300;
}
.color-3 {
color: #aaff00;
}
.color-4 {
color: #00ffb3;
}
.color-5 {
color: #0051ff;
}

/* CSS Variables */
:root {
--color-1: #ff5100;
 --color-2: #ffb300;
 --color-3: #aaff00;
 --color-4: #00ffb3;
 --color-5: #0051ff;
 }

Tie Dye Acid Trip の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff5100, #ffb300, #aaff00, #00ffb3, #0051ff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff5100, #ffb300, #aaff00, #00ffb3, #0051ff);
}

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

Tie Dye Acid Trip color palette created on .