Nakahara Chuuya カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Nakahara Chuuya palette

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

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

Download nakahara chuuya color palette PNG image (landscape)
Download nakahara chuuya color palette PNG image (square)

Nakahara Chuuya カラーパレット CSS

/* CSS */
.color-1 {
color: #9c4a3a;
}
.color-2 {
color: #d68b5c;
}
.color-3 {
color: #e1c1a8;
}
.color-4 {
color: #2c7d81;
}
.color-5 {
color: #4e94b7;
}

/* CSS Variables */
:root {
--color-1: #9c4a3a;
 --color-2: #d68b5c;
 --color-3: #e1c1a8;
 --color-4: #2c7d81;
 --color-5: #4e94b7;
 }

Nakahara Chuuya の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #9c4a3a, #d68b5c, #e1c1a8, #2c7d81, #4e94b7);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #9c4a3a, #d68b5c, #e1c1a8, #2c7d81, #4e94b7);
}

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

Nakahara Chuuya color palette created on .