Classic Chrome カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Classic Chrome palette

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

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

Download classic chrome color palette PNG image (landscape)
Download classic chrome color palette PNG image (square)

Classic Chrome カラーパレット CSS

/* CSS */
.color-1 {
color: #d8dad8;
}
.color-2 {
color: #afb2b6;
}
.color-3 {
color: #8a8e93;
}
.color-4 {
color: #4e5554;
}
.color-5 {
color: #2e3233;
}

/* CSS Variables */
:root {
--color-1: #d8dad8;
 --color-2: #afb2b6;
 --color-3: #8a8e93;
 --color-4: #4e5554;
 --color-5: #2e3233;
 }

Classic Chrome の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #d8dad8, #afb2b6, #8a8e93, #4e5554, #2e3233);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #d8dad8, #afb2b6, #8a8e93, #4e5554, #2e3233);
}

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

Classic Chrome color palette created on .