Oil Painting カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Oil Painting palette

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

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

Download oil painting color palette PNG image (landscape)
Download oil painting color palette PNG image (square)

Oil Painting カラーパレット CSS

/* CSS */
.color-1 {
color: #684e4a;
}
.color-2 {
color: #b6b4a5;
}
.color-3 {
color: #e9b79f;
}
.color-4 {
color: #f8e6b9;
}
.color-5 {
color: #f6d55a;
}

/* CSS Variables */
:root {
--color-1: #684e4a;
 --color-2: #b6b4a5;
 --color-3: #e9b79f;
 --color-4: #f8e6b9;
 --color-5: #f6d55a;
 }

Oil Painting の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #684e4a, #b6b4a5, #e9b79f, #f8e6b9, #f6d55a);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #684e4a, #b6b4a5, #e9b79f, #f8e6b9, #f6d55a);
}

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

Oil Painting color palette created on .