Paleta de colores Tinker Knight
Brillo
Saturación
Calidez
UI Examples
Explore beautiful UI components with Tinker Knight palette
Imagen PNG de la paleta de colores Tinker Knight
CSS de la paleta de colores Tinker Knight
/* CSS */
.color-1 {
color: #7c7cbb;
}
.color-2 {
color: #9eb0e5;
}
.color-3 {
color: #f5c400;
}
.color-4 {
color: #e24a3c;
}
.color-5 {
color: #5d8f4d;
}
/* CSS Variables */
:root {
--color-1: #7c7cbb;
--color-2: #9eb0e5;
--color-3: #f5c400;
--color-4: #e24a3c;
--color-5: #5d8f4d;
} CSS del degradado de fondo Tinker Knight
/* Linear Gradient */
.linear-gradient {
background: linear-gradient(0.25turn, #7c7cbb, #9eb0e5, #f5c400, #e24a3c, #5d8f4d);
} /* Radial Gradient */
.radial-gradient {
background: radial-gradient(circle, #7c7cbb, #9eb0e5, #f5c400, #e24a3c, #5d8f4d);
} Paletas de colores similares
Desplázate hacia abajo para explorar 200+ paletas de colores Azul
Tinker Knight color palette created on .