Sammy Lawrence カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Sammy Lawrence palette

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

Sammy Lawrence カラー パレット PNG 画像

Download sammy lawrence color palette PNG image (landscape)
Download sammy lawrence color palette PNG image (square)

Sammy Lawrence カラーパレット CSS

/* CSS */
.color-1 {
color: #4f4c4a;
}
.color-2 {
color: #a79e90;
}
.color-3 {
color: #d6b97a;
}
.color-4 {
color: #f5c99e;
}
.color-5 {
color: #e07c3e;
}

/* CSS Variables */
:root {
--color-1: #4f4c4a;
 --color-2: #a79e90;
 --color-3: #d6b97a;
 --color-4: #f5c99e;
 --color-5: #e07c3e;
 }

Sammy Lawrence の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4f4c4a, #a79e90, #d6b97a, #f5c99e, #e07c3e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4f4c4a, #a79e90, #d6b97a, #f5c99e, #e07c3e);
}

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

Sammy Lawrence color palette created on .