Rhythmic Vibrance カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Rhythmic Vibrance palette

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

Rhythmic Vibrance カラー パレット PNG 画像

Download rhythmic vibrance color palette PNG image (landscape)
Download rhythmic vibrance color palette PNG image (square)

Rhythmic Vibrance カラーパレット CSS

/* CSS */
.color-1 {
color: #00bfff;
}
.color-2 {
color: #ff8052;
}
.color-3 {
color: #ffd900;
}
.color-4 {
color: #ff6bb5;
}
.color-5 {
color: #8a2ce2;
}

/* CSS Variables */
:root {
--color-1: #00bfff;
 --color-2: #ff8052;
 --color-3: #ffd900;
 --color-4: #ff6bb5;
 --color-5: #8a2ce2;
 }

Rhythmic Vibrance の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #00bfff, #ff8052, #ffd900, #ff6bb5, #8a2ce2);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #00bfff, #ff8052, #ffd900, #ff6bb5, #8a2ce2);
}

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

Rhythmic Vibrance color palette created on .