Deep Sea Punk カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Deep Sea Punk palette

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

Deep Sea Punk カラー パレット PNG 画像

Download deep sea punk color palette PNG image (landscape)
Download deep sea punk color palette PNG image (square)

Deep Sea Punk カラーパレット CSS

/* CSS */
.color-1 {
color: #1b3c5a;
}
.color-2 {
color: #497b9c;
}
.color-3 {
color: #78a3b5;
}
.color-4 {
color: #a3d5e0;
}
.color-5 {
color: #f0e0e0;
}

/* CSS Variables */
:root {
--color-1: #1b3c5a;
 --color-2: #497b9c;
 --color-3: #78a3b5;
 --color-4: #a3d5e0;
 --color-5: #f0e0e0;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1b3c5a, #497b9c, #78a3b5, #a3d5e0, #f0e0e0);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1b3c5a, #497b9c, #78a3b5, #a3d5e0, #f0e0e0);
}

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

Deep Sea Punk color palette created on .