Flutter Shy カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Flutter Shy palette

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

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

Download flutter shy color palette PNG image (landscape)
Download flutter shy color palette PNG image (square)

Flutter Shy カラーパレット CSS

/* CSS */
.color-1 {
color: #f5c7b2;
}
.color-2 {
color: #f1a7c6;
}
.color-3 {
color: #d3a2e7;
}
.color-4 {
color: #a6d8e7;
}
.color-5 {
color: #86e4a8;
}

/* CSS Variables */
:root {
--color-1: #f5c7b2;
 --color-2: #f1a7c6;
 --color-3: #d3a2e7;
 --color-4: #a6d8e7;
 --color-5: #86e4a8;
 }

Flutter Shy の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f5c7b2, #f1a7c6, #d3a2e7, #a6d8e7, #86e4a8);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f5c7b2, #f1a7c6, #d3a2e7, #a6d8e7, #86e4a8);
}

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

Flutter Shy color palette created on .