Lamb Devil カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Lamb Devil palette

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

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

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

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

Download lamb devil color palette PNG image (landscape)
Download lamb devil color palette PNG image (square)

Lamb Devil カラーパレット CSS

/* CSS */
.color-1 {
color: #efcdcf;
}
.color-2 {
color: #f9c3be;
}
.color-3 {
color: #f59584;
}
.color-4 {
color: #e37564;
}
.color-5 {
color: #cf554a;
}

/* CSS Variables */
:root {
--color-1: #efcdcf;
 --color-2: #f9c3be;
 --color-3: #f59584;
 --color-4: #e37564;
 --color-5: #cf554a;
 }

Lamb Devil の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #efcdcf, #f9c3be, #f59584, #e37564, #cf554a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #efcdcf, #f9c3be, #f59584, #e37564, #cf554a);
}

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

Lamb Devil color palette created on .