Shrimpo the Shrimp カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Shrimpo the Shrimp palette

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

Shrimpo the Shrimp カラー パレット PNG 画像

Download shrimpo the shrimp color palette PNG image (landscape)
Download shrimpo the shrimp color palette PNG image (square)

Shrimpo the Shrimp カラーパレット CSS

/* CSS */
.color-1 {
color: #ffcbc7;
}
.color-2 {
color: #ffddcc;
}
.color-3 {
color: #fff1cc;
}
.color-4 {
color: #ffffc7;
}
.color-5 {
color: #ccffdb;
}

/* CSS Variables */
:root {
--color-1: #ffcbc7;
 --color-2: #ffddcc;
 --color-3: #fff1cc;
 --color-4: #ffffc7;
 --color-5: #ccffdb;
 }

Shrimpo the Shrimp の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffcbc7, #ffddcc, #fff1cc, #ffffc7, #ccffdb);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffcbc7, #ffddcc, #fff1cc, #ffffc7, #ccffdb);
}

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

Shrimpo the Shrimp color palette created on .