Black and Orange カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Black and Orange palette

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

Black and Orange カラーパレット (PNG) をダウンロード

Download black and orange color palette PNG image (landscape)
Download black and orange color palette PNG image (square)

Black and Orange カラーパレット CSS

/* CSS */
.color-1 {
color: #1f1f1f;
}
.color-2 {
color: #ff6d1f;
}
.color-3 {
color: #ff9e42;
}
.color-4 {
color: #ffb65c;
}
.color-5 {
color: #ffe9d6;
}

/* CSS Variables */
:root {
--color-1: #1f1f1f;
 --color-2: #ff6d1f;
 --color-3: #ff9e42;
 --color-4: #ffb65c;
 --color-5: #ffe9d6;
 }

Black and Orange の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f1f1f, #ff6d1f, #ff9e42, #ffb65c, #ffe9d6);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f1f1f, #ff6d1f, #ff9e42, #ffb65c, #ffe9d6);
}

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

Black and Orange color palette created on .