Redhead Academia カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Redhead Academia palette

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

Redhead Academia カラー パレット PNG 画像

Download redhead academia color palette PNG image (landscape)
Download redhead academia color palette PNG image (square)

Redhead Academia カラーパレット CSS

/* CSS */
.color-1 {
color: #c5592b;
}
.color-2 {
color: #e1793d;
}
.color-3 {
color: #f4a65d;
}
.color-4 {
color: #f9e8ae;
}
.color-5 {
color: #4e3c3e;
}

/* CSS Variables */
:root {
--color-1: #c5592b;
 --color-2: #e1793d;
 --color-3: #f4a65d;
 --color-4: #f9e8ae;
 --color-5: #4e3c3e;
 }

Redhead Academia の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #c5592b, #e1793d, #f4a65d, #f9e8ae, #4e3c3e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #c5592b, #e1793d, #f4a65d, #f9e8ae, #4e3c3e);
}

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

Redhead Academia color palette created on .