Ryuiko Sato カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Ryuiko Sato palette

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

Ryuiko Sato カラー パレット PNG 画像

Download ryuiko sato color palette PNG image (landscape)
Download ryuiko sato color palette PNG image (square)

Ryuiko Sato カラーパレット CSS

/* CSS */
.color-1 {
color: #e63746;
}
.color-2 {
color: #f2faef;
}
.color-3 {
color: #a7dadc;
}
.color-4 {
color: #447a9c;
}
.color-5 {
color: #1d3658;
}

/* CSS Variables */
:root {
--color-1: #e63746;
 --color-2: #f2faef;
 --color-3: #a7dadc;
 --color-4: #447a9c;
 --color-5: #1d3658;
 }

Ryuiko Sato の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #e63746, #f2faef, #a7dadc, #447a9c, #1d3658);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #e63746, #f2faef, #a7dadc, #447a9c, #1d3658);
}

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

Ryuiko Sato color palette created on .