Peter Party Bunny カラーパレット
明るさ
彩度
暖かさ
UI Examples
Explore beautiful UI components with Peter Party Bunny palette
カラーインスピレーション
実際のデザインでこのカラーパレットを紹介する画像
Peter Party Bunny カラーパレット (PNG) をダウンロード
Peter Party Bunny カラーパレット CSS
/* CSS */
.color-1 {
color: #ff6e61;
}
.color-2 {
color: #ff9f6b;
}
.color-3 {
color: #ffcd75;
}
.color-4 {
color: #a8e6cf;
}
.color-5 {
color: #cfe7f2;
}
/* CSS Variables */
:root {
--color-1: #ff6e61;
--color-2: #ff9f6b;
--color-3: #ffcd75;
--color-4: #a8e6cf;
--color-5: #cfe7f2;
}
Peter Party Bunny の背景のグラデーション CSS
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6e61, #ff9f6b, #ffcd75, #a8e6cf, #cfe7f2);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6e61, #ff9f6b, #ffcd75, #a8e6cf, #cfe7f2);
}
似たようなカラーパレット
Peter Party Bunny color palette created on .