Leon Kennedy カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Leon Kennedy palette

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

Leon Kennedy カラーパレット (PNG) をダウンロード

Download leon kennedy color palette PNG image (landscape)
Download leon kennedy color palette PNG image (square)

Leon Kennedy カラーパレット CSS

/* CSS */
.color-1 {
color: #2f3541;
}
.color-2 {
color: #3b464e;
}
.color-3 {
color: #4f5d63;
}
.color-4 {
color: #655948;
}
.color-5 {
color: #58423c;
}

/* CSS Variables */
:root {
--color-1: #2f3541;
 --color-2: #3b464e;
 --color-3: #4f5d63;
 --color-4: #655948;
 --color-5: #58423c;
 }

Leon Kennedy の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #2f3541, #3b464e, #4f5d63, #655948, #58423c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #2f3541, #3b464e, #4f5d63, #655948, #58423c);
}

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

Leon Kennedy color palette created on .