Eastern Dawn カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Eastern Dawn palette

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

Eastern Dawn カラー パレット PNG 画像

Download eastern dawn color palette PNG image (landscape)
Download eastern dawn color palette PNG image (square)

Eastern Dawn カラーパレット CSS

/* CSS */
.color-1 {
color: #ae3213;
}
.color-2 {
color: #a64111;
}
.color-3 {
color: #a64a11;
}
.color-4 {
color: #7d500c;
}
.color-5 {
color: #4c432f;
}

/* CSS Variables */
:root {
--color-1: #ae3213;
 --color-2: #a64111;
 --color-3: #a64a11;
 --color-4: #7d500c;
 --color-5: #4c432f;
 }

Eastern Dawn の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ae3213, #a64111, #a64a11, #7d500c, #4c432f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ae3213, #a64111, #a64a11, #7d500c, #4c432f);
}

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

Eastern Dawn color palette created on .