Ringo Starr カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Ringo Starr palette

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

Ringo Starr カラー パレット PNG 画像

Download ringo starr color palette PNG image (landscape)
Download ringo starr color palette PNG image (square)

Ringo Starr カラーパレット CSS

/* CSS */
.color-1 {
color: #ffcc00;
}
.color-2 {
color: #ff6e00;
}
.color-3 {
color: #ff3c00;
}
.color-4 {
color: #ff0080;
}
.color-5 {
color: #6200eb;
}

/* CSS Variables */
:root {
--color-1: #ffcc00;
 --color-2: #ff6e00;
 --color-3: #ff3c00;
 --color-4: #ff0080;
 --color-5: #6200eb;
 }

Ringo Starr の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffcc00, #ff6e00, #ff3c00, #ff0080, #6200eb);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffcc00, #ff6e00, #ff3c00, #ff0080, #6200eb);
}

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

Ringo Starr color palette created on .