Blue Green Yellow Watercolor カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with Blue Green Yellow Watercolor palette
Blue Green Yellow Watercolor カラーパレット (PNG) をダウンロード
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 .