Point of No Return カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Point of No Return palette

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

Point of No Return カラー パレット PNG 画像

Download point of no return color palette PNG image (landscape)
Download point of no return color palette PNG image (square)

Point of No Return カラーパレット CSS

/* CSS */
.color-1 {
color: #1f3a60;
}
.color-2 {
color: #3f6b8d;
}
.color-3 {
color: #6ba1b8;
}
.color-4 {
color: #93d2e1;
}
.color-5 {
color: #f9c54e;
}

/* CSS Variables */
:root {
--color-1: #1f3a60;
 --color-2: #3f6b8d;
 --color-3: #6ba1b8;
 --color-4: #93d2e1;
 --color-5: #f9c54e;
 }

Point of No Return の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #1f3a60, #3f6b8d, #6ba1b8, #93d2e1, #f9c54e);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #1f3a60, #3f6b8d, #6ba1b8, #93d2e1, #f9c54e);
}

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

Point of No Return color palette created on .