Shidou Ryusei カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Shidou Ryusei palette

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

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

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

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

Download shidou ryusei color palette PNG image (landscape)
Download shidou ryusei color palette PNG image (square)

Shidou Ryusei カラーパレット CSS

/* CSS */
.color-1 {
color: #1a718e;
}
.color-2 {
color: #2cb6c9;
}
.color-3 {
color: #3ad4b5;
}
.color-4 {
color: #ffb84d;
}
.color-5 {
color: #ff6e61;
}

/* CSS Variables */
:root {
--color-1: #1a718e;
 --color-2: #2cb6c9;
 --color-3: #3ad4b5;
 --color-4: #ffb84d;
 --color-5: #ff6e61;
 }

Shidou Ryusei の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1a718e, #2cb6c9, #3ad4b5, #ffb84d, #ff6e61);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1a718e, #2cb6c9, #3ad4b5, #ffb84d, #ff6e61);
}

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

Shidou Ryusei color palette created on .