Generador de paleta de modo oscuro
Convierte colores de tema claro en su contraparte oscura con contraste WCAG verificado. Genera paletas listas para usar en tu CSS.
Generador de paleta de modo oscuro
Pega los colores de un tema claro —uno por línea— y esta herramienta genera una contraparte oscura para cada uno, lista para insertar en tu hoja de estilos. Está diseñada para el flujo habitual de implementar un tema oscuro después de que el claro ya existe: proporciona los colores de fondo, superficie y acento, y recibirás el mismo conjunto invertido para una interfaz oscura.
Nombra cada línea como una propiedad CSS personalizada ("background: #ffffff", "--accent: #3366cc") o pega solo un valor hexadecimal. El fondo del tema oscuro establece el fondo contra el que se construye la paleta, y se verifica el contraste de cada color. El contraste objetivo elige entre WCAG AA (4.5:1) o AAA (7:1) — los acentos (las entradas más saturadas, destinadas a texto, enlaces e iconos) se ajustan hacia esa proporción, mientras que las superficies atenuadas se reportan honestamente pero nunca se fuerzan, ya que un fondo de tarjeta no se lee como texto. Desaturar suaviza los colores que de otro modo brillarían a saturación completa en la oscuridad, Preservar matiz de acento mantiene el matiz e intensidad del color de marca sin cambios, y Asignar superficies a niveles de elevación escala tonos neutros en una rampa sutil sobre el fondo, como una tarjeta que se levanta sobre la página.
Una línea que la herramienta no pueda leer como color —un comentario errante, un encabezado en blanco— se omite en lugar de romper el resto de la lista, y el recuento aparece en el tally junto con cuántos colores se generaron y cuántos acentos alcanzaron el contraste objetivo. Las listas muy largas y los saltos de línea Windows o Unix se manejan sin configuración adicional.
Todo se ejecuta localmente en tu navegador: los colores nunca se suben ni se envían a ningún lugar. Copia el resultado, descárgalo como archivo .txt, o devuelve el resultado directo a la entrada para continuar refinando la paleta.