Orca カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Orca palette

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

Orca カラー パレット PNG 画像

Download orca color palette PNG image (landscape)
Download orca color palette PNG image (square)

Orca カラーパレット CSS

/* CSS */
.color-1 {
color: #000000;
}
.color-2 {
color: #6d767e;
}
.color-3 {
color: #b1b4b9;
}
.color-4 {
color: #ffffff;
}
.color-5 {
color: #dc3848;
}

/* CSS Variables */
:root {
--color-1: #000000;
 --color-2: #6d767e;
 --color-3: #b1b4b9;
 --color-4: #ffffff;
 --color-5: #dc3848;
 }

Orca の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #000000, #6d767e, #b1b4b9, #ffffff, #dc3848);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #000000, #6d767e, #b1b4b9, #ffffff, #dc3848);
}

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

Orca color palette created on .