Megurnene Luka カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Megurnene Luka palette

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

Megurnene Luka カラー パレット PNG 画像

Download megurnene luka color palette PNG image (landscape)
Download megurnene luka color palette PNG image (square)

Megurnene Luka カラーパレット CSS

/* CSS */
.color-1 {
color: #f0a800;
}
.color-2 {
color: #d69a00;
}
.color-3 {
color: #a86d00;
}
.color-4 {
color: #7a3d00;
}
.color-5 {
color: #4d1f00;
}

/* CSS Variables */
:root {
--color-1: #f0a800;
 --color-2: #d69a00;
 --color-3: #a86d00;
 --color-4: #7a3d00;
 --color-5: #4d1f00;
 }

Megurnene Luka の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f0a800, #d69a00, #a86d00, #7a3d00, #4d1f00);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f0a800, #d69a00, #a86d00, #7a3d00, #4d1f00);
}

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

Megurnene Luka color palette created on .