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 .