Ship Tulpar カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Ship Tulpar palette

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

Ship Tulpar カラー パレット PNG 画像

Download ship tulpar color palette PNG image (landscape)
Download ship tulpar color palette PNG image (square)

Ship Tulpar カラーパレット CSS

/* CSS */
.color-1 {
color: #714e38;
}
.color-2 {
color: #c5a7a0;
}
.color-3 {
color: #f9c6a9;
}
.color-4 {
color: #f1e0b6;
}
.color-5 {
color: #d0e6df;
}

/* CSS Variables */
:root {
--color-1: #714e38;
 --color-2: #c5a7a0;
 --color-3: #f9c6a9;
 --color-4: #f1e0b6;
 --color-5: #d0e6df;
 }

Ship Tulpar の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #714e38, #c5a7a0, #f9c6a9, #f1e0b6, #d0e6df);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #714e38, #c5a7a0, #f9c6a9, #f1e0b6, #d0e6df);
}

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

Ship Tulpar color palette created on .