Winter at the Beach カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Winter at the Beach palette

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

Winter at the Beach カラー パレット PNG 画像

Download winter at the beach color palette PNG image (landscape)
Download winter at the beach color palette PNG image (square)

Winter at the Beach カラーパレット CSS

/* CSS */
.color-1 {
color: #a2d6e6;
}
.color-2 {
color: #76b9d6;
}
.color-3 {
color: #4a98b5;
}
.color-4 {
color: #ffcb5c;
}
.color-5 {
color: #f76e6e;
}

/* CSS Variables */
:root {
--color-1: #a2d6e6;
 --color-2: #76b9d6;
 --color-3: #4a98b5;
 --color-4: #ffcb5c;
 --color-5: #f76e6e;
 }

Winter at the Beach の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #a2d6e6, #76b9d6, #4a98b5, #ffcb5c, #f76e6e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #a2d6e6, #76b9d6, #4a98b5, #ffcb5c, #f76e6e);
}

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

下にスクロールして2個のウィンターカラーパレットを探索しましょう

Winter at the Beach color palette created on .