Local 70s McDonalds カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Local 70s McDonalds palette

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

Local 70s McDonalds カラー パレット PNG 画像

Download local 70s mcdonalds color palette PNG image (landscape)
Download local 70s mcdonalds color palette PNG image (square)

Local 70s McDonalds カラーパレット CSS

/* CSS */
.color-1 {
color: #ffcc00;
}
.color-2 {
color: #ffaa00;
}
.color-3 {
color: #ff6e00;
}
.color-4 {
color: #c70000;
}
.color-5 {
color: #9e0000;
}

/* CSS Variables */
:root {
--color-1: #ffcc00;
 --color-2: #ffaa00;
 --color-3: #ff6e00;
 --color-4: #c70000;
 --color-5: #9e0000;
 }

Local 70s McDonalds の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffcc00, #ffaa00, #ff6e00, #c70000, #9e0000);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffcc00, #ffaa00, #ff6e00, #c70000, #9e0000);
}

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

Local 70s McDonalds color palette created on .