Deep Thought カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Deep Thought palette

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

Deep Thought カラー パレット PNG 画像

Download deep thought color palette PNG image (landscape)
Download deep thought color palette PNG image (square)

Deep Thought カラーパレット CSS

/* CSS */
.color-1 {
color: #3b5b91;
}
.color-2 {
color: #5b8095;
}
.color-3 {
color: #90c08c;
}
.color-4 {
color: #f2dfa1;
}
.color-5 {
color: #d19929;
}

/* CSS Variables */
:root {
--color-1: #3b5b91;
 --color-2: #5b8095;
 --color-3: #90c08c;
 --color-4: #f2dfa1;
 --color-5: #d19929;
 }

Deep Thought の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #3b5b91, #5b8095, #90c08c, #f2dfa1, #d19929);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #3b5b91, #5b8095, #90c08c, #f2dfa1, #d19929);
}

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

Deep Thought color palette created on .