Filthy Rich カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Filthy Rich palette

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

Filthy Rich カラー パレット PNG 画像

Download filthy rich color palette PNG image (landscape)
Download filthy rich color palette PNG image (square)

Filthy Rich カラーパレット CSS

/* CSS */
.color-1 {
color: #f5c400;
}
.color-2 {
color: #a88c00;
}
.color-3 {
color: #8a6e00;
}
.color-4 {
color: #6b5900;
}
.color-5 {
color: #4d4900;
}

/* CSS Variables */
:root {
--color-1: #f5c400;
 --color-2: #a88c00;
 --color-3: #8a6e00;
 --color-4: #6b5900;
 --color-5: #4d4900;
 }

Filthy Rich の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f5c400, #a88c00, #8a6e00, #6b5900, #4d4900);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f5c400, #a88c00, #8a6e00, #6b5900, #4d4900);
}

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

Filthy Rich color palette created on .