Johnny Silverhand カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Johnny Silverhand palette

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

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

Download johnny silverhand color palette PNG image (landscape)
Download johnny silverhand color palette PNG image (square)

Johnny Silverhand カラーパレット CSS

/* CSS */
.color-1 {
color: #1f1f1f;
}
.color-2 {
color: #d4af35;
}
.color-3 {
color: #ff5c5c;
}
.color-4 {
color: #4d4dff;
}
.color-5 {
color: #1f8fff;
}

/* CSS Variables */
:root {
--color-1: #1f1f1f;
 --color-2: #d4af35;
 --color-3: #ff5c5c;
 --color-4: #4d4dff;
 --color-5: #1f8fff;
 }

Johnny Silverhand の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f1f1f, #d4af35, #ff5c5c, #4d4dff, #1f8fff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f1f1f, #d4af35, #ff5c5c, #4d4dff, #1f8fff);
}

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

Johnny Silverhand color palette created on .