Arizona Sunset カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Arizona Sunset palette

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

Arizona Sunset カラー パレット PNG 画像

Download arizona sunset color palette PNG image (landscape)
Download arizona sunset color palette PNG image (square)

Arizona Sunset カラーパレット CSS

/* CSS */
.color-1 {
color: #d55c20;
}
.color-2 {
color: #e7a26a;
}
.color-3 {
color: #f6c08e;
}
.color-4 {
color: #f3e0b4;
}
.color-5 {
color: #e6b5a7;
}

/* CSS Variables */
:root {
--color-1: #d55c20;
 --color-2: #e7a26a;
 --color-3: #f6c08e;
 --color-4: #f3e0b4;
 --color-5: #e6b5a7;
 }

Arizona Sunset の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d55c20, #e7a26a, #f6c08e, #f3e0b4, #e6b5a7);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d55c20, #e7a26a, #f6c08e, #f3e0b4, #e6b5a7);
}

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

Arizona Sunset color palette created on .