Kenai カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Kenai palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

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

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

Kenai カラーパレット CSS

/* CSS */
.color-1 {
color: #412e25;
}
.color-2 {
color: #5e4831;
}
.color-3 {
color: #937058;
}
.color-4 {
color: #9e7a57;
}
.color-5 {
color: #85522e;
}

/* CSS Variables */
:root {
--color-1: #412e25;
 --color-2: #5e4831;
 --color-3: #937058;
 --color-4: #9e7a57;
 --color-5: #85522e;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #412e25, #5e4831, #937058, #9e7a57, #85522e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #412e25, #5e4831, #937058, #9e7a57, #85522e);
}

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

Kenai color palette created on .