River Bed カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with River Bed palette

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

River Bed カラー パレット PNG 画像

Download river bed color palette PNG image (landscape)
Download river bed color palette PNG image (square)

River Bed カラーパレット CSS

/* CSS */
.color-1 {
color: #4a7cba;
}
.color-2 {
color: #6eb1d8;
}
.color-3 {
color: #a3d5e0;
}
.color-4 {
color: #e3e1a1;
}
.color-5 {
color: #d88a6e;
}

/* CSS Variables */
:root {
--color-1: #4a7cba;
 --color-2: #6eb1d8;
 --color-3: #a3d5e0;
 --color-4: #e3e1a1;
 --color-5: #d88a6e;
 }

River Bed の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #4a7cba, #6eb1d8, #a3d5e0, #e3e1a1, #d88a6e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #4a7cba, #6eb1d8, #a3d5e0, #e3e1a1, #d88a6e);
}

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

River Bed color palette created on .