Kimikuro カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Kimikuro palette

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

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

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

Kimikuro カラーパレット CSS

/* CSS */
.color-1 {
color: #06020d;
}
.color-2 {
color: #140821;
}
.color-3 {
color: #210a29;
}
.color-4 {
color: #2e0f34;
}
.color-5 {
color: #6a153b;
}

/* CSS Variables */
:root {
--color-1: #06020d;
 --color-2: #140821;
 --color-3: #210a29;
 --color-4: #2e0f34;
 --color-5: #6a153b;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #06020d, #140821, #210a29, #2e0f34, #6a153b);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #06020d, #140821, #210a29, #2e0f34, #6a153b);
}

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

Kimikuro color palette created on .