Speak Now カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Speak Now palette

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

Speak Now カラー パレット PNG 画像

Download speak now color palette PNG image (landscape)
Download speak now color palette PNG image (square)

Speak Now カラーパレット CSS

/* CSS */
.color-1 {
color: #ca91ba;
}
.color-2 {
color: #ba82b6;
}
.color-3 {
color: #b174b4;
}
.color-4 {
color: #a166a9;
}
.color-5 {
color: #905aa0;
}

/* CSS Variables */
:root {
--color-1: #ca91ba;
 --color-2: #ba82b6;
 --color-3: #b174b4;
 --color-4: #a166a9;
 --color-5: #905aa0;
 }

Speak Now の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ca91ba, #ba82b6, #b174b4, #a166a9, #905aa0);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ca91ba, #ba82b6, #b174b4, #a166a9, #905aa0);
}

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

Speak Now color palette created on .