Ramen Yasan カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Ramen Yasan palette

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

Ramen Yasan カラー パレット PNG 画像

Download ramen yasan color palette PNG image (landscape)
Download ramen yasan color palette PNG image (square)

Ramen Yasan カラーパレット CSS

/* CSS */
.color-1 {
color: #f8c84f;
}
.color-2 {
color: #e59a38;
}
.color-3 {
color: #d67429;
}
.color-4 {
color: #b84a28;
}
.color-5 {
color: #5d2d3c;
}

/* CSS Variables */
:root {
--color-1: #f8c84f;
 --color-2: #e59a38;
 --color-3: #d67429;
 --color-4: #b84a28;
 --color-5: #5d2d3c;
 }

Ramen Yasan の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f8c84f, #e59a38, #d67429, #b84a28, #5d2d3c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f8c84f, #e59a38, #d67429, #b84a28, #5d2d3c);
}

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

Ramen Yasan color palette created on .