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 .