Zum Inhalt springen
🛠️ToolsShed

Farbschema-Generator

Komplementäre, triadische und analoge Farbschemata aus einer Basisfarbe generieren.

Farbpalette

#4F46E5
#DDE548

Über dieses Tool

Ein Farbschema ist ein harmonischer Satz von Farben, die nach den Prinzipien der Farbtheorie ausgewählt werden und visuell miteinander funktionieren sowie ansprechende Kompositionen schaffen sollen. Egal ob Sie eine Website gestalten, Grafiken erstellen oder einen Innenraum planen, ein gut gewähltes Farbschema vermittelt Stimmung, lenkt die Aufmerksamkeit und stellt sicher, dass Ihr Design kohärent wirkt. Dieses Tool generiert professionelle Farbschemata auf Grundlage etablierter Farbbeziehungen—komplementär, Triade, analog und mehr—und hilft Ihnen, Farbkombinationen zu erkunden, die natürlicherweise zusammenpassen.

Die Verwendung dieses Tools ist einfach: Wählen Sie eine Grundfarbe mit dem Farbwähler oder geben Sie ihren Hexadezimalcode ein, wählen Sie dann Ihr bevorzugtes Harmonieschema aus dem Dropdown-Menü. Das Tool zeigt sofort alle Farben des Schemas mit ihren Hexadezimalwerten an, und Sie können auf jede Farbe klicken, um ihren Code in die Zwischenablage zu kopieren. Typische Anwendungsfälle sind Webdesign, bei dem Sie eine vollständige Palette für UI-Komponenten benötigen, Markenidentitätsgestaltung, Farbauswahl für Datenvisualisierung und Kunst- oder Innenraumdesign, bei dem Farbbeziehungen visuelle Wirkung erzeugen.

Häufig gestellte Fragen

Code-Implementierung

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.