Pular para o conteúdo
🛠️ToolsShed

Gerador de Esquema de Cores

Gere esquemas de cores complementares, triádicos e análogos a partir de uma cor base.

Paleta

#4F46E5
#DDE548

Sobre esta ferramenta

Uma paleta de cores é um conjunto harmonioso de cores escolhidas de acordo com os princípios da teoria das cores, projetado para funcionar junto visualmente e criar composições atraentes. Seja você esteja projetando um website, criando gráficos ou planejando um espaço interior, uma paleta de cores bem escolhida comunica clima, guia a atenção e garante que seu design pareça coeso. Esta ferramenta gera esquemas de cores profissionais baseados em relações cromáticas estabelecidas—complementar, tríade, análoga e mais—ajudando você a explorar combinações de cores que funcionam naturalmente juntas.

Usar esta ferramenta é simples: selecione uma cor base usando o seletor de cor ou digite seu código hexadecimal, depois escolha seu esquema de harmonia preferido no menu suspenso. A ferramenta exibe instantaneamente todas as cores do esquema com seus valores hexadecimais, e você pode clicar em qualquer cor para copiar seu código para a área de transferência. Os casos de uso típicos incluem design web onde você precisa de uma paleta completa para componentes de interface do usuário, criação de identidade de marca, seleção de cores para visualização de dados e arte ou design de interiores onde as relações de cores criam impacto visual.

Perguntas Frequentes

Implementação 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.