Psychedelic Orange カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Psychedelic Orange palette

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

Psychedelic Orange カラー パレット PNG 画像

Download psychedelic orange color palette PNG image (landscape)
Download psychedelic orange color palette PNG image (square)

Psychedelic Orange カラーパレット CSS

/* CSS */
.color-1 {
color: #ff7142;
}
.color-2 {
color: #ffb84d;
}
.color-3 {
color: #ffec3d;
}
.color-4 {
color: #8bc34b;
}
.color-5 {
color: #4cae4f;
}

/* CSS Variables */
:root {
--color-1: #ff7142;
 --color-2: #ffb84d;
 --color-3: #ffec3d;
 --color-4: #8bc34b;
 --color-5: #4cae4f;
 }

Psychedelic Orange の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff7142, #ffb84d, #ffec3d, #8bc34b, #4cae4f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff7142, #ffb84d, #ffec3d, #8bc34b, #4cae4f);
}

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

Psychedelic Orange color palette created on .