Pirate カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Pirate palette

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

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

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

Pirate カラーパレット CSS

/* CSS */
.color-1 {
color: #3f272e;
}
.color-2 {
color: #7a5c61;
}
.color-3 {
color: #c5b7a5;
}
.color-4 {
color: #f1c84b;
}
.color-5 {
color: #e0705c;
}

/* CSS Variables */
:root {
--color-1: #3f272e;
 --color-2: #7a5c61;
 --color-3: #c5b7a5;
 --color-4: #f1c84b;
 --color-5: #e0705c;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3f272e, #7a5c61, #c5b7a5, #f1c84b, #e0705c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3f272e, #7a5c61, #c5b7a5, #f1c84b, #e0705c);
}

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

Pirate color palette created on .