Amber Whiskey カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Amber Whiskey palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

Amber Whiskey カラーパレット (PNG) をダウンロード

Download amber whiskey color palette PNG image (landscape)
Download amber whiskey color palette PNG image (square)

Amber Whiskey カラーパレット CSS

/* CSS */
.color-1 {
color: #e69c2d;
}
.color-2 {
color: #d68a1f;
}
.color-3 {
color: #b87c14;
}
.color-4 {
color: #a06c13;
}
.color-5 {
color: #785311;
}

/* CSS Variables */
:root {
--color-1: #e69c2d;
 --color-2: #d68a1f;
 --color-3: #b87c14;
 --color-4: #a06c13;
 --color-5: #785311;
 }

Amber Whiskey の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e69c2d, #d68a1f, #b87c14, #a06c13, #785311);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e69c2d, #d68a1f, #b87c14, #a06c13, #785311);
}

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

Amber Whiskey color palette created on .