Dreams of New York カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Dreams of New York palette

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

Dreams of New York カラー パレット PNG 画像

Download dreams of new york color palette PNG image (landscape)
Download dreams of new york color palette PNG image (square)

Dreams of New York カラーパレット CSS

/* CSS */
.color-1 {
color: #486a8e;
}
.color-2 {
color: #5a99aa;
}
.color-3 {
color: #f5b38f;
}
.color-4 {
color: #f3dc82;
}
.color-5 {
color: #d79689;
}

/* CSS Variables */
:root {
--color-1: #486a8e;
 --color-2: #5a99aa;
 --color-3: #f5b38f;
 --color-4: #f3dc82;
 --color-5: #d79689;
 }

Dreams of New York の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #486a8e, #5a99aa, #f5b38f, #f3dc82, #d79689);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #486a8e, #5a99aa, #f5b38f, #f3dc82, #d79689);
}

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

Dreams of New York color palette created on .