Osamu Dazai カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Osamu Dazai palette

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

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

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

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

Download osamu dazai color palette PNG image (landscape)
Download osamu dazai color palette PNG image (square)

Osamu Dazai カラーパレット CSS

/* CSS */
.color-1 {
color: #2b2a27;
}
.color-2 {
color: #695c54;
}
.color-3 {
color: #b39989;
}
.color-4 {
color: #e7d0d0;
}
.color-5 {
color: #f9ebeb;
}

/* CSS Variables */
:root {
--color-1: #2b2a27;
 --color-2: #695c54;
 --color-3: #b39989;
 --color-4: #e7d0d0;
 --color-5: #f9ebeb;
 }

Osamu Dazai の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #2b2a27, #695c54, #b39989, #e7d0d0, #f9ebeb);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #2b2a27, #695c54, #b39989, #e7d0d0, #f9ebeb);
}

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

Osamu Dazai color palette created on .