Radio From 60s カラーパレット

明るさ

彩度

暖かさ

UI Examples

Explore beautiful UI components with Radio From 60s palette

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

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

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

Radio From 60s カラーパレット (PNG) をダウンロード

Download radio from 60s color palette PNG image (landscape)
Download radio from 60s color palette PNG image (square)

Radio From 60s カラーパレット CSS

/* CSS */
.color-1 {
color: #ffcc00;
}
.color-2 {
color: #ff8c00;
}
.color-3 {
color: #ff5833;
}
.color-4 {
color: #c70038;
}
.color-5 {
color: #920c3f;
}

/* CSS Variables */
:root {
--color-1: #ffcc00;
 --color-2: #ff8c00;
 --color-3: #ff5833;
 --color-4: #c70038;
 --color-5: #920c3f;
 }

Radio From 60s の背景のグラデーション CSS

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #ffcc00, #ff8c00, #ff5833, #c70038, #920c3f);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #ffcc00, #ff8c00, #ff5833, #c70038, #920c3f);
}

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

Radio From 60s color palette created on .