Punk Cyanide カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Punk Cyanide palette

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

Punk Cyanide カラー パレット PNG 画像

Download punk cyanide color palette PNG image (landscape)
Download punk cyanide color palette PNG image (square)

Punk Cyanide カラーパレット CSS

/* CSS */
.color-1 {
color: #00bdd6;
}
.color-2 {
color: #0097a8;
}
.color-3 {
color: #007a6c;
}
.color-4 {
color: #004d40;
}
.color-5 {
color: #1c5e21;
}

/* CSS Variables */
:root {
--color-1: #00bdd6;
 --color-2: #0097a8;
 --color-3: #007a6c;
 --color-4: #004d40;
 --color-5: #1c5e21;
 }

Punk Cyanide の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #00bdd6, #0097a8, #007a6c, #004d40, #1c5e21);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #00bdd6, #0097a8, #007a6c, #004d40, #1c5e21);
}

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

Punk Cyanide color palette created on .