Blue Green Yellow Watercolor カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Blue Green Yellow Watercolor palette

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

Blue Green Yellow Watercolor カラーパレット (PNG) をダウンロード

Download blue green yellow watercolor color palette PNG image (landscape)
Download blue green yellow watercolor color palette PNG image (square)

Blue Green Yellow Watercolor カラーパレット CSS

/* CSS */
.color-1 {
color: #1e89b3;
}
.color-2 {
color: #4eb7a9;
}
.color-3 {
color: #a6d8a8;
}
.color-4 {
color: #f3eb53;
}
.color-5 {
color: #f9af39;
}

/* CSS Variables */
:root {
--color-1: #1e89b3;
--color-2: #4eb7a9;
--color-3: #a6d8a8;
--color-4: #f3eb53;
--color-5: #f9af39;
}

Blue Green Yellow Watercolor の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1e89b3, #4eb7a9, #a6d8a8, #f3eb53, #f9af39);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1e89b3, #4eb7a9, #a6d8a8, #f3eb53, #f9af39);
}

Blue Green Yellow Watercolor color palette created on .