Radiant Alloy カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Radiant Alloy palette

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

Radiant Alloy カラー パレット PNG 画像

Download radiant alloy color palette PNG image (landscape)
Download radiant alloy color palette PNG image (square)

Radiant Alloy カラーパレット CSS

/* CSS */
.color-1 {
color: #ff6d1f;
}
.color-2 {
color: #ffb84d;
}
.color-3 {
color: #ffd900;
}
.color-4 {
color: #b0c4de;
}
.color-5 {
color: #8080ff;
}

/* CSS Variables */
:root {
--color-1: #ff6d1f;
 --color-2: #ffb84d;
 --color-3: #ffd900;
 --color-4: #b0c4de;
 --color-5: #8080ff;
 }

Radiant Alloy の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6d1f, #ffb84d, #ffd900, #b0c4de, #8080ff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6d1f, #ffb84d, #ffd900, #b0c4de, #8080ff);
}

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

Radiant Alloy color palette created on .