Tony Stark カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Tony Stark palette

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

Tony Stark カラー パレット PNG 画像

Download tony stark color palette PNG image (landscape)
Download tony stark color palette PNG image (square)

Tony Stark カラーパレット CSS

/* CSS */
.color-1 {
color: #ae3d37;
}
.color-2 {
color: #d76d5b;
}
.color-3 {
color: #f0a65c;
}
.color-4 {
color: #f3d77c;
}
.color-5 {
color: #fef4e7;
}

/* CSS Variables */
:root {
--color-1: #ae3d37;
 --color-2: #d76d5b;
 --color-3: #f0a65c;
 --color-4: #f3d77c;
 --color-5: #fef4e7;
 }

Tony Stark の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ae3d37, #d76d5b, #f0a65c, #f3d77c, #fef4e7);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ae3d37, #d76d5b, #f0a65c, #f3d77c, #fef4e7);
}

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

Tony Stark color palette created on .