Sunflower Sunshine カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Sunflower Sunshine palette

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

Sunflower Sunshine カラー パレット PNG 画像

Download sunflower sunshine color palette PNG image (landscape)
Download sunflower sunshine color palette PNG image (square)

Sunflower Sunshine カラーパレット CSS

/* CSS */
.color-1 {
color: #ffd900;
}
.color-2 {
color: #ffea00;
}
.color-3 {
color: #ffcc00;
}
.color-4 {
color: #ffc800;
}
.color-5 {
color: #ffb300;
}

/* CSS Variables */
:root {
--color-1: #ffd900;
 --color-2: #ffea00;
 --color-3: #ffcc00;
 --color-4: #ffc800;
 --color-5: #ffb300;
 }

Sunflower Sunshine の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffd900, #ffea00, #ffcc00, #ffc800, #ffb300);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffd900, #ffea00, #ffcc00, #ffc800, #ffb300);
}

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

下にスクロールして4個のヒマワリカラーパレットを探索しましょう

Sunflower Sunshine color palette created on .