Pickled Bluewood カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Pickled Bluewood palette

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

Pickled Bluewood カラー パレット PNG 画像

Download pickled bluewood color palette PNG image (landscape)
Download pickled bluewood color palette PNG image (square)

Pickled Bluewood カラーパレット CSS

/* CSS */
.color-1 {
color: #6c8f9d;
}
.color-2 {
color: #497b9c;
}
.color-3 {
color: #3a768d;
}
.color-4 {
color: #2d5c7b;
}
.color-5 {
color: #1e496c;
}

/* CSS Variables */
:root {
--color-1: #6c8f9d;
 --color-2: #497b9c;
 --color-3: #3a768d;
 --color-4: #2d5c7b;
 --color-5: #1e496c;
 }

Pickled Bluewood の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #6c8f9d, #497b9c, #3a768d, #2d5c7b, #1e496c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #6c8f9d, #497b9c, #3a768d, #2d5c7b, #1e496c);
}

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

Pickled Bluewood color palette created on .