Toodles the Eight Ball カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Toodles the Eight Ball palette

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

Toodles the Eight Ball カラー パレット PNG 画像

Download toodles the eight ball color palette PNG image (landscape)
Download toodles the eight ball color palette PNG image (square)

Toodles the Eight Ball カラーパレット CSS

/* CSS */
.color-1 {
color: #1f1f1f;
}
.color-2 {
color: #4d4d4d;
}
.color-3 {
color: #7a7a7a;
}
.color-4 {
color: #b3b3b3;
}
.color-5 {
color: #ffffff;
}

/* CSS Variables */
:root {
--color-1: #1f1f1f;
 --color-2: #4d4d4d;
 --color-3: #7a7a7a;
 --color-4: #b3b3b3;
 --color-5: #ffffff;
 }

Toodles the Eight Ball の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f1f1f, #4d4d4d, #7a7a7a, #b3b3b3, #ffffff);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f1f1f, #4d4d4d, #7a7a7a, #b3b3b3, #ffffff);
}

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

Toodles the Eight Ball color palette created on .