Sakonji Urokodaki カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Sakonji Urokodaki palette

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

Sakonji Urokodaki カラー パレット PNG 画像

Download sakonji urokodaki color palette PNG image (landscape)
Download sakonji urokodaki color palette PNG image (square)

Sakonji Urokodaki カラーパレット CSS

/* CSS */
.color-1 {
color: #1f3a5b;
}
.color-2 {
color: #3a5b82;
}
.color-3 {
color: #7ea3b9;
}
.color-4 {
color: #b9d4e4;
}
.color-5 {
color: #f6e1b6;
}

/* CSS Variables */
:root {
--color-1: #1f3a5b;
 --color-2: #3a5b82;
 --color-3: #7ea3b9;
 --color-4: #b9d4e4;
 --color-5: #f6e1b6;
 }

Sakonji Urokodaki の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f3a5b, #3a5b82, #7ea3b9, #b9d4e4, #f6e1b6);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f3a5b, #3a5b82, #7ea3b9, #b9d4e4, #f6e1b6);
}

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

Sakonji Urokodaki color palette created on .