Cannibal カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Cannibal palette

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

Cannibal カラー パレット PNG 画像

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

Cannibal カラーパレット CSS

/* CSS */
.color-1 {
color: #281f24;
}
.color-2 {
color: #443135;
}
.color-3 {
color: #6a4d57;
}
.color-4 {
color: #8e6c67;
}
.color-5 {
color: #9c9386;
}

/* CSS Variables */
:root {
--color-1: #281f24;
 --color-2: #443135;
 --color-3: #6a4d57;
 --color-4: #8e6c67;
 --color-5: #9c9386;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #281f24, #443135, #6a4d57, #8e6c67, #9c9386);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #281f24, #443135, #6a4d57, #8e6c67, #9c9386);
}

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

Cannibal color palette created on .