Crankcase カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Crankcase palette

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

Crankcase カラー パレット PNG 画像

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

Crankcase カラーパレット CSS

/* CSS */
.color-1 {
color: #3c3c3e;
}
.color-2 {
color: #6f6f71;
}
.color-3 {
color: #9f9fa3;
}
.color-4 {
color: #d1d1d6;
}
.color-5 {
color: #f3f3f7;
}

/* CSS Variables */
:root {
--color-1: #3c3c3e;
 --color-2: #6f6f71;
 --color-3: #9f9fa3;
 --color-4: #d1d1d6;
 --color-5: #f3f3f7;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3c3c3e, #6f6f71, #9f9fa3, #d1d1d6, #f3f3f7);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3c3c3e, #6f6f71, #9f9fa3, #d1d1d6, #f3f3f7);
}

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

Crankcase color palette created on .