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 .