Coral Shades of Science カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Coral Shades of Science palette

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

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

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

Coral Shades of Science カラーパレット (PNG) をダウンロード

Download coral shades of science color palette PNG image (landscape)
Download coral shades of science color palette PNG image (square)

Coral Shades of Science カラーパレット CSS

/* CSS */
.color-1 {
color: #ff6e61;
}
.color-2 {
color: #ff9b80;
}
.color-3 {
color: #ffb4a3;
}
.color-4 {
color: #ffdad6;
}
.color-5 {
color: #fff1f0;
}

/* CSS Variables */
:root {
--color-1: #ff6e61;
 --color-2: #ff9b80;
 --color-3: #ffb4a3;
 --color-4: #ffdad6;
 --color-5: #fff1f0;
 }

Coral Shades of Science の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ff6e61, #ff9b80, #ffb4a3, #ffdad6, #fff1f0);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ff6e61, #ff9b80, #ffb4a3, #ffdad6, #fff1f0);
}

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

Coral Shades of Science color palette created on .