Sanemi and Hikarune カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Sanemi and Hikarune palette

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

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

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

Sanemi and Hikarune カラーパレット (PNG) をダウンロード

Download sanemi and hikarune color palette PNG image (landscape)
Download sanemi and hikarune color palette PNG image (square)

Sanemi and Hikarune カラーパレット CSS

/* CSS */
.color-1 {
color: #6c909d;
}
.color-2 {
color: #b8d5d5;
}
.color-3 {
color: #f4e2c3;
}
.color-4 {
color: #f6b83c;
}
.color-5 {
color: #e13e33;
}

/* CSS Variables */
:root {
--color-1: #6c909d;
 --color-2: #b8d5d5;
 --color-3: #f4e2c3;
 --color-4: #f6b83c;
 --color-5: #e13e33;
 }

Sanemi and Hikarune の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #6c909d, #b8d5d5, #f4e2c3, #f6b83c, #e13e33);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #6c909d, #b8d5d5, #f4e2c3, #f6b83c, #e13e33);
}

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

Sanemi and Hikarune color palette created on .