Deer in the Headlights カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Deer in the Headlights palette

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

Deer in the Headlights カラー パレット PNG 画像

Download deer in the headlights color palette PNG image (landscape)
Download deer in the headlights color palette PNG image (square)

Deer in the Headlights カラーパレット CSS

/* CSS */
.color-1 {
color: #d1c0a3;
}
.color-2 {
color: #af896a;
}
.color-3 {
color: #794b39;
}
.color-4 {
color: #582c3a;
}
.color-5 {
color: #2d1a2c;
}

/* CSS Variables */
:root {
--color-1: #d1c0a3;
 --color-2: #af896a;
 --color-3: #794b39;
 --color-4: #582c3a;
 --color-5: #2d1a2c;
 }

Deer in the Headlights の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d1c0a3, #af896a, #794b39, #582c3a, #2d1a2c);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d1c0a3, #af896a, #794b39, #582c3a, #2d1a2c);
}

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

Deer in the Headlights color palette created on .