Ruta 02Desvíos / Repaint

Repaint

sesenta y tres formas de pintar una página

Una biblioteca de paletas de tres colores de mi propio sitio, de Medellín y de la vitrina. Elige una, mira cómo se repinta una página de muestra y copia los colores como HEX, variables CSS o Tailwind.

63 paletas
3 colecciones
3 colores cada una
Verificadas con WCAG

Pinta toda la página con una paleta al azar

Parada 01La biblioteca

Todas las paletas

Tres franjas por paleta, la de arriba primero. Elige una para pintar la página de muestra.

MED 01

Guayacán

Un guayacán en plena floración contra el cielo de la mañana: flores amarillas sobre ramas oscuras y desnudas.

Tiendita

Tienda
Nosotros
Visítanos

Pintura fresca para cada página

¡Nuevo!

Una página de muestra para ver la paleta en acción: fondo, tinta y un acento llamativo.

EmpezarSaber más

Tarjeta

Franja de acento sobre el color de fondo.

Contraste · WCAG 2

¿Se puede leer?

Tinta sobre fondo8.79 : 1Se usa para el texto de la vista previa AAA
Acento sobre fondo1.15 : 1 No pasa
Acento sobre tinta7.65 : 1 AAA

Fondo#FFC800
Tinta#3B2A20
Acento#8EC9F0

Exportar

#FFC800
#3B2A20
#8EC9F0

:root {
  --ground: #FFC800;
  --ink: #3B2A20;
  --accent: #8EC9F0;
  --c1: #FFC800;
  --c2: #3B2A20;
  --c3: #8EC9F0;
}

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        ground: "#FFC800",
        ink: "#3B2A20",
        accent: "#8EC9F0",
        c1: "#FFC800",
        c2: "#3B2A20",
        c3: "#8EC9F0",
      },
    },
  },
};

HEX · listo para pegar

¿De vuelta al asfalto?Proyectos seleccionadosProyectos para clientes pensados con cuidado y con un poco más de sabor.

¡Súbase!

¿Tienes una parada en mente?

Empieza un proyecto

Repaint

Todas las paletas

Todavía no hay una paleta así.

¿Tienes una parada en mente?