Rizz カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Rizz palette

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

Rizz カラー パレット PNG 画像

Download rizz color palette PNG image (landscape)
Download rizz color palette PNG image (square)

Rizz カラーパレット CSS

/* CSS */
.color-1 {
color: #1e1e2f;
}
.color-2 {
color: #4e4e6e;
}
.color-3 {
color: #7f7f94;
}
.color-4 {
color: #c8b3ff;
}
.color-5 {
color: #ff5c5c;
}

/* CSS Variables */
:root {
--color-1: #1e1e2f;
 --color-2: #4e4e6e;
 --color-3: #7f7f94;
 --color-4: #c8b3ff;
 --color-5: #ff5c5c;
 }

Rizz の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1e1e2f, #4e4e6e, #7f7f94, #c8b3ff, #ff5c5c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1e1e2f, #4e4e6e, #7f7f94, #c8b3ff, #ff5c5c);
}

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

Rizz color palette created on .