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 .