Paleta de colores Vibrant Pink

Brillo

Saturación

Calidez

UI Examples

Explore beautiful UI components with Vibrant Pink palette

Compartir esta paleta en:

Descargar la paleta de colores Vibrant Pink (PNG)

Download vibrant pink color palette PNG image (landscape)
Download vibrant pink color palette PNG image (square)

CSS de la paleta de colores Vibrant Pink

/* CSS */
.color-1 {
color: #fab700;
}
.color-2 {
color: #ff7142;
}
.color-3 {
color: #ff4d7f;
}
.color-4 {
color: #d6006f;
}
.color-5 {
color: #690571;
}

/* CSS Variables */
:root {
--color-1: #fab700;
--color-2: #ff7142;
--color-3: #ff4d7f;
--color-4: #d6006f;
--color-5: #690571;
}

CSS del degradado de fondo Vibrant Pink

/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #fab700, #ff7142, #ff4d7f, #d6006f, #690571);
}
/* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #fab700, #ff7142, #ff4d7f, #d6006f, #690571);
}

Vibrant Pink color palette created on .