Hawaiian Police カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Hawaiian Police palette

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

Hawaiian Police カラー パレット PNG 画像

Download hawaiian police color palette PNG image (landscape)
Download hawaiian police color palette PNG image (square)

Hawaiian Police カラーパレット CSS

/* CSS */
.color-1 {
color: #1e3a4d;
}
.color-2 {
color: #4b8b8b;
}
.color-3 {
color: #a1d9d6;
}
.color-4 {
color: #f3e79b;
}
.color-5 {
color: #f49c3e;
}

/* CSS Variables */
:root {
--color-1: #1e3a4d;
 --color-2: #4b8b8b;
 --color-3: #a1d9d6;
 --color-4: #f3e79b;
 --color-5: #f49c3e;
 }

Hawaiian Police の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1e3a4d, #4b8b8b, #a1d9d6, #f3e79b, #f49c3e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1e3a4d, #4b8b8b, #a1d9d6, #f3e79b, #f49c3e);
}

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

下にスクロールして1個のハワイカラーパレットを探索しましょう

Hawaiian Police color palette created on .