Saltar al contenido
🛠️ToolsShed

Generador de Esquemas de Color

Genera esquemas de color complementarios, triádicos y análogos desde un color base.

Paleta

#4F46E5
#DDE548

Acerca de esta herramienta

Un esquema de color es un conjunto armonioso de colores elegidos según los principios de la teoría del color, diseñado para funcionar juntos visualmente y crear composiciones atractivas. Ya sea que estés diseñando un sitio web, creando gráficos o planificando un espacio interior, un esquema de color bien elegido comunica estado de ánimo, guía la atención y garantiza que tu diseño se sienta cohesivo. Esta herramienta genera esquemas de color profesionales basados en relaciones cromáticas establecidas—complementaria, tríada, análoga y más—ayudándote a explorar combinaciones de colores que funcionan naturalmente juntas.

Usar esta herramienta es simple: selecciona un color base usando el selector de color o ingresa su código hexadecimal, luego elige tu esquema de armonía preferido del menú desplegable. La herramienta muestra instantáneamente todos los colores en el esquema con sus valores hexadecimales, y puedes hacer clic en cualquier color para copiar su código al portapapeles. Los casos de uso típicos incluyen diseño web donde necesitas una paleta completa para componentes de interfaz de usuario, creación de identidad de marca, selección de colores para visualización de datos, y arte o diseño de interiores donde las relaciones de color crean impacto visual.

Preguntas Frecuentes

Implementación de Código

import colorsys

def hex_to_hsl(hex_color):
    hex_color = hex_color.lstrip('#')
    r, g, b = [int(hex_color[i:i+2], 16)/255 for i in (0,2,4)]
    h, l, s = colorsys.rgb_to_hls(r, g, b)
    return int(h*360), int(s*100), int(l*100)

def hsl_to_hex(h, s, l):
    r, g, b = colorsys.hls_to_rgb(h/360, l/100, s/100)
    return '#{:02x}{:02x}{:02x}'.format(int(r*255), int(g*255), int(b*255))

def complementary(hex_color):
    h, s, l = hex_to_hsl(hex_color)
    return [hex_color, hsl_to_hex((h + 180) % 360, s, l)]

print(complementary('#6366f1'))

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.