Farbsättigung/Entsättigung

Farbsättigung anpassen und Sättigungsvariationen erstellen

-100 20 100

Anpassungsbetrag für Farbsättigung (-100% bis +100%)

Gilt nur wenn "Verlauf (volle Palette)" ausgewählt ist. Steuert wie viele Farben im Sättigungsverlauf generiert werden (2-20 Stufen)

Wichtige Fakten

Kategorie
Design & Farbe
Eingabetypen
color, select, range, number, checkbox
Ausgabetyp
html
Sample-Abdeckung
3
API verfügbar
Yes

Überblick

Dieses Tool ermöglicht es Ihnen, die Sättigung einer Farbe gezielt anzupassen und verschiedene Sättigungsvariationen zu erstellen. Es unterstützt Sättigung, Entsättigung, die Generierung von Verläufen sowie benutzerdefinierte Anpassungen, ideal für Designaufgaben.

Wann verwenden

  • •Wenn Sie die Intensität einer Farbe erhöhen oder verringern möchten, um visuelle Akzente zu setzen.
  • •Um Farbverläufe basierend auf Sättigungsstufen für UI-Elemente oder Hintergründe zu generieren.
  • •Für die Erstellung von Farbschemata mit unterschiedlichen Sättigungsgraden in Web- oder Grafikdesign.

So funktioniert es

  • •Wählen Sie eine Grundfarbe aus dem Farbwähler oder geben Sie einen Hex-Code ein.
  • •Legen Sie den Anpassungstyp fest: Sättigen, Entsättigen, Verlauf oder benutzerdefinierte Anpassung.
  • •Passen Sie den Anpassungsbetrag in Prozent an, um die Sättigung zu ändern.
  • •Optional konfigurieren Sie Verlaufsstufen, Komplementärfarben und Farbtonerhalt für präzise Ergebnisse.

Anwendungsfälle

Anpassung von Farben für Website-Header, um die Lesbarkeit und Ästhetik zu verbessern.
Erstellung von Graustufen-Verläufen für minimalistische Designs in UI/UX-Projekten.
Generierung von Sättigungsvariationen für Farbpaletten in der Grafik- oder Fotobearbeitung.

Beispiele

1. Lebendige Farbe für Call-to-Action-Buttons

Webdesigner
Hintergrund
Ein Webdesigner optimiert eine E-Commerce-Website und benötigt auffälligere Farben für Buttons.
Problem
Die aktuelle Button-Farbe wirkt zu matt und soll kräftiger gestaltet werden, um Klicks zu fördern.
Verwendung
Geben Sie die Grundfarbe ein, wählen Sie 'Sättigen' und setzen Sie den Anpassungsbetrag auf 40%.
Ergebnis
Die Farbe wird um 40% gesättigt, was zu einem lebendigeren Farbton führt und die Sichtbarkeit der Buttons erhöht.

2. Graustufen-Verlauf für Hintergrund

UI/UX Designer
Hintergrund
Ein Designer arbeitet an einer App mit minimalistischem Farbschema und benötigt einen sanften Graustufen-Verlauf.
Problem
Manuelle Erstellung eines Verlaufs ist fehleranfällig und zeitaufwendig.
Verwendung
Wählen Sie eine Grundfarbe, setzen Sie den Anpassungstyp auf 'Verlauf', und legen Sie 8 Stufen fest.
Beispielkonfiguration
{"adjustmentType": "gradient", "steps": 8, "preserveHue": false}
Ergebnis
Ein Verlauf von 8 Graustufen wird generiert, der als Hintergrund für die App verwendet werden kann.

Mit Samples testen

design
Farbcode-Beispiele
Sammlung von Farbcodes in verschiedenen Formaten (Hex, RGB, HSL, benannte Farben) für Validierungstests
title token color
sample
ICS-Beispiele fuer den Zeitzonen-Workflow-Planer
ICS-Dateien im gleichen Rueckgabeformat wie beim Time Zone Workflow Scheduler, mit mehreren VEVENT-Meetingkandidaten
task generate
sample
PDF-Beispiele
Generierte PDF-Beispiele von Tools zwischen 2026-02-01 und 2026-02-10
task generate
sample

Verwandte Hubs

Design-Generate-Tools
Entdecken Sie 19 design-Tools für generate-Workflows und vergleichen Sie ähnliche Utilities schnell.
Design-Convert-Tools
Entdecken Sie 98 design-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.
Json-Generate-Tools
Entdecken Sie 33 json-Tools für generate-Workflows und vergleichen Sie ähnliche Utilities schnell.
Pdf-Generate-Tools
Entdecken Sie 11 pdf-Tools für generate-Workflows und vergleichen Sie ähnliche Utilities schnell.

FAQ

Was ist der maximale Anpassungsbetrag?

Der Anpassungsbetrag kann von -100% bis +100% eingestellt werden.

Kann ich Komplementärfarben einbeziehen?

Ja, aktivieren Sie die Option 'Komplementärfarben Einbeziehen' in den Einstellungen.

Wie viele Stufen kann ein Verlauf haben?

Ein Verlauf kann zwischen 2 und 20 Stufen haben, einstellbar über das 'Verlaufsstufen'-Feld.

Was bedeutet 'Farbtonmerkmale Erhalten'?

Diese Option stellt sicher, dass der ursprüngliche Farbton während der Sättigungsanpassung beibehalten wird.

Welches Ausgabeformat unterstützt das Tool?

Das Tool gibt HTML-Code zurück, der direkt in Webprojekten verwendet werden kann.

API-Dokumentation

Request-Endpunkt

POST /de/api/tools/color-saturate-desaturate

Request-Parameter

Parameter-Name Typ Erforderlich Beschreibung
baseColor color Ja -
adjustmentType select Ja -
adjustmentValue range Nein Anpassungsbetrag für Farbsättigung (-100% bis +100%)
steps number Nein Gilt nur wenn "Verlauf (volle Palette)" ausgewählt ist. Steuert wie viele Farben im Sättigungsverlauf generiert werden (2-20 Stufen)
includeComplementary checkbox Nein -
preserveHue checkbox Nein -

Antwortformat

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

MCP-Dokumentation

Fügen Sie dieses Tool zu Ihrer MCP-Server-Konfiguration hinzu: 

{
  "mcpServers": {
    "elysiatools-color-saturate-desaturate": {
      "name": "color-saturate-desaturate",
      "description": "Farbsättigung anpassen und Sättigungsvariationen erstellen",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=color-saturate-desaturate",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Sie können mehrere Tools verketten, z.B.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, maximal 20 Tools.

Wenn Sie auf Probleme stoßen, kontaktieren Sie uns bitte bei [email protected]