Orange Turmoil カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Orange Turmoil palette

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

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

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

Orange Turmoil カラーパレット CSS

/* CSS */
.color-1 {
color: #f78a1d;
}
.color-2 {
color: #f7b32b;
}
.color-3 {
color: #f7d940;
}
.color-4 {
color: #3ac5d4;
}
.color-5 {
color: #f76e6e;
}

/* CSS Variables */
:root {
--color-1: #f78a1d;
 --color-2: #f7b32b;
 --color-3: #f7d940;
 --color-4: #3ac5d4;
 --color-5: #f76e6e;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f78a1d, #f7b32b, #f7d940, #3ac5d4, #f76e6e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f78a1d, #f7b32b, #f7d940, #3ac5d4, #f76e6e);
}

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

Orange Turmoil color palette created on .