Werbung blockiertBitte deaktiviere deinen Werbeblocker, um unsere kostenlösen Dienste zu unterstutzen.

Farbwähler

Beliebige Farbe visuell auswählen und sofort prazise HEX-, RGB-, HSL- und HSV-Codes generieren. Über die Leinwand ziehen, Farbton und Deckkraft anpassen oder einen vorhandenen Farbcode einfugen, um Formate in Echtzeit zu konvertieren.

Utilityv1.0.0

Farbwähler

Beliebige Farbe visuell wählen, Deckkraft anpassen oder einen HEX-, RGB-, HSL- oder HSV-Code einfugen. Alle vier Ausgabeformate werden in Echtzeit aktualisiert.

Farbbereich

Farbton

Deckkraft - 100%

Voreinstellungen

Ausgabe

HEX
#398FE6
RGB
rgb(57, 143, 230)
HSL
hsl(210, 78%, 56%)
HSV
hsv(210, 75%, 90%)

Beliebigen Farbcode einfugen

Akzeptiert HEX, #RRGGBBAA, rgb(), rgba(), hsl(), hsla(), hsv(), hsb()

Alle kopieren

hex:  #398FE6
rgb:  rgb(57, 143, 230)
hsl:  hsl(210, 78%, 56%)
hsv:  hsv(210, 75%, 90%)

Visueller Farbbereich

Das Fadenkreuz über den Sattigung-Helligkeit-Bereich ziehen, um jeden Farbton mit pixelgenauer Prazision auszuwählen.

4 Ausgabeformate

Jede Auswahl erzeugt sofort HEX-, RGB-, HSL- und HSV-Werte - einschließlich Alpha, wenn die Deckkraft unter 100% liegt.

100% privat

Alle Verarbeitungen erfolgen im Browser. Kein Farbwert wird je an einen Server gesendet oder protokolliert.

Anleitung

So wahlt und konvertiert man Farben

1

Bereich ziehen

Irgendwo im Farbbereich klicken oder ziehen, um Sattigung und Helligkeit für den aktuellen Farbton auszuwählen.

2

Farbton und Deckkraft anpassen

Den Farbton-Reglerb anutzen, um die Grundfarbe zu verschieben, und den Schachbrett-Deckkraft-Regler für Transparenz.

3

Ausgabecodes ablesen

HEX-, RGB-, HSL- und HSV-Werte werden in Echtzeit aktualisiert. Codes enthalten einen Alpha-Kanal, wenn die Deckkraft unter 100% liegt.

4

Beliebiges Format kopieren

Den Kopieren-Button neben einem Ausgabefeld anklicken oder einen bekannten Farbcode in das Eingabefeld einfugen, um sofort zu dieser Farbe zu springen.

Werbung blockiertBitte deaktiviere deinen Werbeblocker, um unsere kostenlösen Dienste zu unterstutzen.
Anwendungsfalle

Wer nutzt einen Farbwähler?

UI- und Webdesigner

Markenfarben abtasten und genaue Codes für CSS, Tailwind oder Design-Systeme kopieren, ohne den Browser zu verlassen.

Frontend-Entwickler

Zwischen HEX und RGB/HSL für CSS-Custom-Properties, Tailwind-Arbitrarwerte oder Canvas-APIs konvertieren.

Grafikdesigner

Figma- oder Photoshop-HSB-Werte in webfertige HEX- oder RGB-Codes in einem Schritt ubersetzen.

Content-Ersteller

Die perfekte Akzentfarbe für ein Thumbnail, eine Prasentation oder ein Dokument finden und ihren Code sofort kopieren.

Barrierefreiheitsprufer

Exakte Farbwerte bestatigen, um Kontrastverhaltnisse und WCAG-Konformitat für Text-Hintergrund-Paare zu prüfen.

KI-Prompt-Ingenieure

Prazise Hex-Codes identifizieren, wenn Farben in Bildgenerierungs-Prompts für genaue Ergebnisse beschrieben werden.

Werbung blockiertBitte deaktiviere deinen Werbeblocker, um unsere kostenlösen Dienste zu unterstutzen.
Vergleich

Endless Forge vs. andere Farb-Tools

Sofortig, privat und formatvollstandig - lauft vollstandig im Browser.

Funktion
Andere ToolsDurchschnitt
Endless ForgeDiese Website
Visueller Bereich-Picker
Ja
Ja
Keine Serververarbeitung
Nein
Ja
Alpha/Deckkraft-Kanal
Sometimes
Ja
HSV-Ausgabeformat
Sometimes
Ja
Beliebiges Format zum Konvertieren einfugen
Nein
Ja
Kostenlos nutzbar
Limited
Ja
Werbung blockiertBitte deaktiviere deinen Werbeblocker, um unsere kostenlösen Dienste zu unterstutzen.

Ein Tool, jedes Farbformat

Der Endless Forge Farbwähler ist für Entwickler und Designer gedacht, die genaue, formatvollstandige Farbwerte benotigen, ohne mehrere Tools durchsuchen zu mussen. Ob ein Figma-HSB-Muster in eine CSS-HEX-Variable ubersetzt oder die genaue RGBA-Aufschlusselung einer Markenfarbe geprüft werden soll - alles passiert sofort im Browser ohne Datenverlust.
Werbung blockiertBitte deaktiviere deinen Werbeblocker, um unsere kostenlösen Dienste zu unterstutzen.
Entdecken

Weitere Utility- und Entwickler-Tools

Werbung blockiertBitte deaktiviere deinen Werbeblocker, um unsere kostenlösen Dienste zu unterstutzen.
FAQ

Häufig gestellte Fragen

Der Picker gibt HEX (#RRGGBB / #RRGGBBAA), RGB/RGBA, HSL/HSLA und HSV aus. Das Einfugefeld akzeptiert ebenfalls alle diese Formate.
HSV (Farbton, Sattigung, Wert) wird von Design-Tools wie Figma und Photoshop verwendet. HSL (Farbton, Sattigung, Helligkeit) ist nativ in CSS. Beide beschreiben Farbe unterschiedlich, sind aber mathematisch ineinander umrechenbar.
Den HEX-Wert in das Eingabefeld einfugen (mit oder ohne #-Prafix) und das Tool berechnet und zeigt sofort die aquivalenten RGB- und HSL-Werte an. Die Konvertierung ist mathematisch und verlustfrei. Dann den Kopieren-Button neben dem gewunschten Format anklicken. Für das Einbetten von Farben in Bilder und das Konvertieren zwischen Bildformaten ist der Bildkonverter die richtige Wahl.
Ja. Jeden HEX-, RGB-, RGBA-, HSL-, HSLA-, HSV- oder HSB-Wert im Eingabefeld einfugen oder tippen und der Picker aktualisiert sich sofort.
Ja. Der Farbwähler enthalt einen Alpha-Kanal-Regler, mit dem die Deckkraft von vollstandig transparent (0) bis vollstandig undurchsichtig (1) eingestellt werden kann. Wenn ein anderer Alpha-Wert als 1 gesetzt ist, wechseln die Ausgabeformate zu ihren alpha-fahigen Varianten: rgba() für RGB und hsla() für HSL. Das HEX-Format unterstutzt auch einen 8-stelligen Hex-Code mit zwei zusatzlichen Zeichen für Alpha. Für das Generieren von Farbwerten zum direkten Einbetten in SVG-Code kann der Code-Formatierer helfen.

5 Fragen beantwortet

Werbung blockiertBitte deaktiviere deinen Werbeblocker, um unsere kostenlösen Dienste zu unterstutzen.
Startup Fame Verification