PewDiePie カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with PewDiePie palette

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

PewDiePie カラー パレット PNG 画像

Download pewdiepie color palette PNG image (landscape)
Download pewdiepie color palette PNG image (square)

PewDiePie カラーパレット CSS

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

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

PewDiePie の背景のグラデーション CSS

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

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

PewDiePie color palette created on .