Verosika Mayday カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Verosika Mayday palette

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

Verosika Mayday カラーパレット (PNG) をダウンロード

Download verosika mayday color palette PNG image (landscape)
Download verosika mayday color palette PNG image (square)

Verosika Mayday カラーパレット CSS

/* CSS */
.color-1 {
color: #fab700;
}
.color-2 {
color: #ff6e61;
}
.color-3 {
color: #ff3c00;
}
.color-4 {
color: #690571;
}
.color-5 {
color: #c85b8e;
}

/* CSS Variables */
:root {
--color-1: #fab700;
 --color-2: #ff6e61;
 --color-3: #ff3c00;
 --color-4: #690571;
 --color-5: #c85b8e;
 }

Verosika Mayday の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #fab700, #ff6e61, #ff3c00, #690571, #c85b8e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #fab700, #ff6e61, #ff3c00, #690571, #c85b8e);
}

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

Verosika Mayday color palette created on .