Kategorien

← View All Tools

Farb-Konverter

Konvertiert zwischen verschiedenen Farbformaten

Beispielergebnisse

2 Beispiele

HEX in RGB umwandeln

Konvertiert einen HEX-Farbcode in das RGB-Format

rgb(255, 87, 51)
Eingabeparameter anzeigen
{ "colorInput": "#FF5733", "inputFormat": "hex", "outputFormat": "rgb" }

RGB in HSL umwandeln

Konvertiert eine RGB-Farbe in das HSL-Format

hsl(11, 100%, 60%)
Eingabeparameter anzeigen
{ "colorInput": "rgb(255, 87, 51)", "inputFormat": "rgb", "outputFormat": "hsl" }

Wichtige Fakten

Kategorie
Design
Eingabetypen
text, select
Ausgabetyp
text
Sample-Abdeckung
4
API verfügbar
Yes

Überblick

Der Farb-Konverter ist ein präzises Werkzeug, mit dem Sie Farbcodes mühelos zwischen den gängigen Formaten HEX, RGB und HSL umwandeln können, um eine konsistente Farbgestaltung in Ihren Projekten sicherzustellen.

Wann verwenden

  • •Wenn Sie einen HEX-Farbcode für CSS-Styles in ein RGB-Format für Grafiksoftware umwandeln müssen.
  • •Wenn Sie Farbanpassungen in HSL vornehmen möchten, um Sättigung oder Helligkeit präzise zu steuern.
  • •Wenn Sie sicherstellen wollen, dass Ihre Design-Assets über verschiedene Plattformen hinweg identische Farbwerte aufweisen.

So funktioniert es

  • •Geben Sie Ihren Farbwert in das Eingabefeld ein.
  • •Wählen Sie das aktuelle Format Ihrer Farbe unter 'Eingabeformat' aus.
  • •Wählen Sie das gewünschte Zielformat unter 'Ausgabeformat' aus.
  • •Klicken Sie auf Konvertieren, um den umgewandelten Farbwert sofort zu erhalten.

Anwendungsfälle

Webdesign: Schnelle Anpassung von CSS-Farben an die Anforderungen von Grafik-Tools.
UI/UX-Entwicklung: Konsistente Farbdefinitionen für Prototypen und Design-Systeme.
Grafikbearbeitung: Umrechnung von Web-Farben in druckfähige oder software-spezifische RGB-Werte.

Beispiele

1. HEX in RGB umwandeln

Webentwickler
Hintergrund
Ein Entwickler muss eine HEX-Farbe aus einem Design-Mockup in eine CSS-RGB-Funktion umwandeln.
Problem
Das Zielsystem akzeptiert nur RGB-Werte für die dynamische Farbmanipulation.
Verwendung
Geben Sie '#FF5733' ein, wählen Sie HEX als Eingabe und RGB als Ausgabe.
Beispielkonfiguration
input: #FF5733, inputFormat: hex, outputFormat: rgb
Ergebnis
Das Tool gibt 'rgb(255, 87, 51)' aus, das direkt im Code verwendet werden kann.

2. RGB in HSL umwandeln

Grafikdesigner
Hintergrund
Ein Designer möchte eine Farbe basierend auf ihrem HSL-Wert anpassen, hat aber nur den RGB-Wert vorliegen.
Problem
Die manuelle Umrechnung von RGB in HSL ist fehleranfällig und zeitaufwendig.
Verwendung
Geben Sie 'rgb(255, 87, 51)' ein, wählen Sie RGB als Eingabe und HSL als Ausgabe.
Beispielkonfiguration
input: rgb(255, 87, 51), inputFormat: rgb, outputFormat: hsl
Ergebnis
Das Tool liefert 'hsl(11, 100%, 60%)', was die gezielte Anpassung der Helligkeit ermöglicht.

Mit Samples testen

design
Farbcode-Beispiele
Sammlung von Farbcodes in verschiedenen Formaten (Hex, RGB, HSL, benannte Farben) für Validierungstests
title token color
sample
Hex/Unicode Konverter Beispiele
Testbeispiele für Hex- und Unicode-Escapesequenz-Konvertierung
task convert,format
sample
Großschreibungs-Konverter Beispiele
Testbeispiele für die Konvertierung der Groß-/Kleinschreibung zwischen verschiedenen Benennungskonventionen
task convert,format
sample
Web Python Bildverarbeitung Beispiele
Web Python Bildverarbeitungsbeispiele mit PIL/Pillow einschließlich Lesen, Speichern, Skalieren und Formatkonvertierung
task convert,format
sample

Verwandte Hubs

Design-Convert-Tools
Entdecken Sie 98 design-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.
Design-Generate-Tools
Entdecken Sie 19 design-Tools für generate-Workflows und vergleichen Sie ähnliche Utilities schnell.
Json-Convert-Tools
Entdecken Sie 100 json-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.
Image-Convert-Tools
Entdecken Sie 100 image-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.

FAQ

Welche Farbformate werden unterstützt?

Das Tool unterstützt aktuell die Formate HEX (#RRGGBB), RGB (rgb(r,g,b)) und HSL (hsl(h,s%,l%)).

Ist die Konvertierung verlustfrei?

Ja, die mathematische Umrechnung zwischen diesen Farbräumen ist präzise und liefert exakte Entsprechungen.

Kann ich mehrere Farben gleichzeitig konvertieren?

Nein, das Tool ist für die schnelle Konvertierung einzelner Farbwerte optimiert.

Benötige ich ein Konto, um den Konverter zu nutzen?

Nein, der Farb-Konverter ist frei zugänglich und erfordert keine Registrierung.

Wie kopiere ich das Ergebnis?

Nach der Konvertierung wird das Ergebnis angezeigt und kann einfach mit der Maus markiert und kopiert werden.

API-Dokumentation

Request-Endpunkt

POST /de/api/tools/color-converter

Request-Parameter

Parameter-Name Typ Erforderlich Beschreibung
colorInput text Ja -
inputFormat select Ja -
outputFormat select Ja -

Antwortformat

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

MCP-Dokumentation

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

{
  "mcpServers": {
    "elysiatools-color-converter": {
      "name": "color-converter",
      "description": "Konvertiert zwischen verschiedenen Farbformaten",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=color-converter",
      "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]