Lenora カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Lenora palette

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

Lenora カラー パレット PNG 画像

Download lenora color palette PNG image (landscape)
Download lenora color palette PNG image (square)

Lenora カラーパレット CSS

/* CSS */
.color-1 {
color: #f6b83c;
}
.color-2 {
color: #f0a800;
}
.color-3 {
color: #d75928;
}
.color-4 {
color: #c14c2f;
}
.color-5 {
color: #8d1b2c;
}

/* CSS Variables */
:root {
--color-1: #f6b83c;
 --color-2: #f0a800;
 --color-3: #d75928;
 --color-4: #c14c2f;
 --color-5: #8d1b2c;
 }

Lenora の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f6b83c, #f0a800, #d75928, #c14c2f, #8d1b2c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f6b83c, #f0a800, #d75928, #c14c2f, #8d1b2c);
}

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

Lenora color palette created on .