Less Than Three カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Less Than Three palette

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

Less Than Three カラー パレット PNG 画像

Download less than three color palette PNG image (landscape)
Download less than three color palette PNG image (square)

Less Than Three カラーパレット CSS

/* CSS */
.color-1 {
color: #cfb7af;
}
.color-2 {
color: #b1a7a0;
}
.color-3 {
color: #e4b3af;
}
.color-4 {
color: #7e5d7e;
}
.color-5 {
color: #e5c29f;
}

/* CSS Variables */
:root {
--color-1: #cfb7af;
 --color-2: #b1a7a0;
 --color-3: #e4b3af;
 --color-4: #7e5d7e;
 --color-5: #e5c29f;
 }

Less Than Three の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #cfb7af, #b1a7a0, #e4b3af, #7e5d7e, #e5c29f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #cfb7af, #b1a7a0, #e4b3af, #7e5d7e, #e5c29f);
}

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

Less Than Three color palette created on .