Generatore Schema Colori
Genera schemi di colori complementari, triadici e analoghi da un colore base.
Tavolozza
Informazioni sullo strumento
Uno schema di colori è un insieme armonioso di colori scelti secondo i principi della teoria del colore, progettato per funzionare visivamente insieme e creare composizioni accattivanti. Che tu stia progettando un sito web, creando grafica o pianificando uno spazio interno, uno schema di colori ben scelto comunica un'atmosfera, guida l'attenzione e garantisce che il tuo design risulti coerente. Questo strumento genera schemi di colori professionali basati su relazioni cromatiche consolidate—complementare, triade, analoga e altro ancora—aiutandoti a esplorare combinazioni di colori che funzionano naturalmente insieme.
Usare questo strumento è semplice: seleziona un colore di base utilizzando la tavolozza dei colori o digita il suo codice esadecimale, quindi scegli lo schema di armonia preferito dal menu a discesa. Lo strumento visualizza istantaneamente tutti i colori dello schema con i loro valori esadecimali, e puoi fare clic su qualsiasi colore per copiare il suo codice negli appunti. I casi d'uso tipici includono web design dove hai bisogno di una tavolozza completa per i componenti dell'interfaccia utente, creazione dell'identità del marchio, selezione dei colori per la visualizzazione dei dati, e arte o design d'interni dove le relazioni cromatiche creano impatto visivo.
Domande Frequenti
Implementazione del Codice
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.