Rodger the Magnifying Glass カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Rodger the Magnifying Glass palette

カラーインスピレーション

実際のデザインでこのカラーパレットを紹介する画像

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

Rodger the Magnifying Glass カラーパレット (PNG) をダウンロード

Download rodger the magnifying glass color palette PNG image (landscape)
Download rodger the magnifying glass color palette PNG image (square)

Rodger the Magnifying Glass カラーパレット CSS

/* CSS */
.color-1 {
color: #8e4c9a;
}
.color-2 {
color: #703f7d;
}
.color-3 {
color: #4c2a60;
}
.color-4 {
color: #362145;
}
.color-5 {
color: #a45d3d;
}

/* CSS Variables */
:root {
--color-1: #8e4c9a;
 --color-2: #703f7d;
 --color-3: #4c2a60;
 --color-4: #362145;
 --color-5: #a45d3d;
 }

Rodger the Magnifying Glass の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #8e4c9a, #703f7d, #4c2a60, #362145, #a45d3d);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #8e4c9a, #703f7d, #4c2a60, #362145, #a45d3d);
}

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

Rodger the Magnifying Glass color palette created on .