Yellow Pencil カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Yellow Pencil palette

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

Yellow Pencil カラー パレット PNG 画像

Download yellow pencil color palette PNG image (landscape)
Download yellow pencil color palette PNG image (square)

Yellow Pencil カラーパレット CSS

/* CSS */
.color-1 {
color: #f0a800;
}
.color-2 {
color: #e0b400;
}
.color-3 {
color: #c7b300;
}
.color-4 {
color: #a8a000;
}
.color-5 {
color: #7e8a00;
}

/* CSS Variables */
:root {
--color-1: #f0a800;
 --color-2: #e0b400;
 --color-3: #c7b300;
 --color-4: #a8a000;
 --color-5: #7e8a00;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f0a800, #e0b400, #c7b300, #a8a000, #7e8a00);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f0a800, #e0b400, #c7b300, #a8a000, #7e8a00);
}

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

Yellow Pencil color palette created on .