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 .