Yellow Green Shades カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Yellow Green Shades palette

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

Yellow Green Shades カラーパレット (PNG) をダウンロード

Download yellow green shades color palette PNG image (landscape)
Download yellow green shades color palette PNG image (square)

Yellow Green Shades カラーパレット CSS

/* CSS */
.color-1 {
color: #ffd900;
}
.color-2 {
color: #c4d600;
}
.color-3 {
color: #a6c700;
}
.color-4 {
color: #89b300;
}
.color-5 {
color: #6bb300;
}

/* CSS Variables */
:root {
--color-1: #ffd900;
--color-2: #c4d600;
--color-3: #a6c700;
--color-4: #89b300;
--color-5: #6bb300;
}

Yellow Green Shades の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffd900, #c4d600, #a6c700, #89b300, #6bb300);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffd900, #c4d600, #a6c700, #89b300, #6bb300);
}

Yellow Green Shades color palette created on .