Blair Brownlee カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Blair Brownlee palette

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

Blair Brownlee カラー パレット PNG 画像

Download blair brownlee color palette PNG image (landscape)
Download blair brownlee color palette PNG image (square)

Blair Brownlee カラーパレット CSS

/* CSS */
.color-1 {
color: #6f4c3e;
}
.color-2 {
color: #d3b29c;
}
.color-3 {
color: #f0c8a3;
}
.color-4 {
color: #f7ead9;
}
.color-5 {
color: #f9c8c3;
}

/* CSS Variables */
:root {
--color-1: #6f4c3e;
 --color-2: #d3b29c;
 --color-3: #f0c8a3;
 --color-4: #f7ead9;
 --color-5: #f9c8c3;
 }

Blair Brownlee の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #6f4c3e, #d3b29c, #f0c8a3, #f7ead9, #f9c8c3);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #6f4c3e, #d3b29c, #f0c8a3, #f7ead9, #f9c8c3);
}

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

Blair Brownlee color palette created on .