Dara カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Dara palette

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

Dara カラー パレット PNG 画像

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

Dara カラーパレット CSS

/* CSS */
.color-1 {
color: #f53d00;
}
.color-2 {
color: #fa8500;
}
.color-3 {
color: #ffcc14;
}
.color-4 {
color: #002ead;
}
.color-5 {
color: #00061f;
}

/* CSS Variables */
:root {
--color-1: #f53d00;
 --color-2: #fa8500;
 --color-3: #ffcc14;
 --color-4: #002ead;
 --color-5: #00061f;
 }

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

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #f53d00, #fa8500, #ffcc14, #002ead, #00061f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #f53d00, #fa8500, #ffcc14, #002ead, #00061f);
}

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

Dara color palette created on .