Itar Clock Work カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Itar Clock Work palette

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

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

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

Itar Clock Work カラーパレット (PNG) をダウンロード

Download itar clock work color palette PNG image (landscape)
Download itar clock work color palette PNG image (square)

Itar Clock Work カラーパレット CSS

/* CSS */
.color-1 {
color: #d4bea1;
}
.color-2 {
color: #a86d4d;
}
.color-3 {
color: #6a3e39;
}
.color-4 {
color: #2d2a2d;
}
.color-5 {
color: #f9ccb4;
}

/* CSS Variables */
:root {
--color-1: #d4bea1;
 --color-2: #a86d4d;
 --color-3: #6a3e39;
 --color-4: #2d2a2d;
 --color-5: #f9ccb4;
 }

Itar Clock Work の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d4bea1, #a86d4d, #6a3e39, #2d2a2d, #f9ccb4);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d4bea1, #a86d4d, #6a3e39, #2d2a2d, #f9ccb4);
}

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

Itar Clock Work color palette created on .