Farbkonverter

Der kostenlose Farbkonverter von Bee Tools. Konvertieren Sie HEX, RGB, HSL, HSV und CMYK live, mit Pipette, 10-stufiger Helligkeitsskala und komplementären/triadischen/analogen Farbpaletten.

Live-Umwandlung zwischen HEX, RGB, HSL, HSV und CMYK mit Skalen und Paletten. Der Farbkonverter von Bee Tools läuft mit nativem JavaScript. Fügen Sie eines der fünf Formate ein und sehen Sie die übrigen sofort aktualisiert, plus eine 10-stufige Helligkeitsskala und komplementäre/triadic/analoge Paletten — ideal für UI-Design, Frontend-Tokens und Druckarbeiten.

Helligkeitsskala
Verwandte Paletten
Komplementär
Triadisch 1
Triadisch 2
Analog

Komplettpfad zu Farbräumen

Fünf Farbräume im Vergleich

  • HEX — der CSS-Standard. #RRGGBB drückt 24-Bit-Farbe aus.
  • RGB — additive Grundfarben. Das Bildschirm-Modell, leicht zu berechnen.
  • HSL — Farbton, Sättigung, Helligkeit. Hervorragend zum Anpassen von Helligkeit und Sättigung.
  • HSV — Farbton, Sättigung, Wert. Die Vorgabe in der Pipette von Photoshop.
  • CMYK — Cyan, Magenta, Gelb, Key (Schwarz). Subtraktive Mischung, Referenz für Druckausgaben.

Typische Umwandlungsszenarien

  1. Design → Frontend: HEX → RGB / HSL für Tailwind oder CSS-Variablen.
  2. Markenpalette: HSL erzeugt eine vollständige Helligkeitsrampe aus einem einzigen Farbton.
  3. Druckmaterial: Bildschirm-RGB in CMYK umwandeln und gegen ein Proof abgleichen.
  4. Palettendesign: HSL-Farbton um ±30° / ±120° / ±180° für analoge, triadische und komplementäre Farben anpassen.

Profi-Tipps

  • Streben Sie bei Marken-Grundfarben 45–55% Helligkeit an — das erleichtert das Erzeugen einer 100–900-Palette.
  • Text auf Hintergründen sollte den WCAG-Kontrast 4,5:1 erfüllen; iterieren Sie mit der Helligkeitsskala.
  • 6-stelliges HEX kann keinen weiten Gamut beschreiben. Für Display-P3- / Rec.2020-Geräte verwenden Sie die CSS-Color-4-Syntax color(display-p3 ...).
  • Prüfen Sie die CMYK-Ausgabe vor dem Druck immer in professioneller Software — dieses Werkzeug verwendet ein sRGB-Mathematikmodell.

Über dieses Werkzeug

Der Farbkonverter von Bee Tools läuft vollständig in Ihrem Browser. Eingabe über die Pipette, HEX, RGB, HSL oder HSV, und Sie erhalten eine synchronisierte 10-stufige Helligkeitsskala plus vier Palettbeziehungen. Es wird nichts hochgeladen, funktioniert offline.

Open-Source-Hinweis: Die Farbumwandlungslogik ist eine native JavaScript-Implementierung dieses Projekts, veröffentlicht unter der MIT-Lizenz, ohne Laufzeit-Abhängigkeiten von Drittanbietern.

FAQs

Welche Farbformate werden unterstützt?
HEX (#RRGGBB / #RGB), RGB, HSL, HSV und CMYK — die fünf gängigsten Farbräume, in Echtzeit aktualisiert.
Wie genau sind die Ergebnisse?
RGB verwendet Ganzzahlen von 0–255, HSL/HSV verwenden Prozentwerte und CMYK verwendet Ganzzahlen von 0–100, gerundet auf die nächste ganze Zahl — entsprechend gängiger Designsoftware.
Werden Farbdaten hochgeladen?
Nein. Die gesamte Umwandlung läuft lokal in Ihrem Browser. Werte verlassen niemals Ihr Gerät.
Warum stimmt HEX → CMYK → HEX nicht mit dem Original überein?
RGB- und CMYK-Farbgamut unterscheiden sich. Bildschirm (RGB) deckt mehr Farben ab als Druck (CMYK); Farben außerhalb des Gamuts werden bei der Umwandlung abgebildet. Das ist erwartetes Verhalten.
Was sind komplementäre, triadische und analoge Farben?
Komplementär = 180° entfernt (hoher Kontrast). Triadisch = drei Farben, 120° entfernt (ausgewogen). Analog = ~30° entfernt (harmonisch).
Wie verwende ich die erzeugte Helligkeitsskala?
Sie teilt den aktuellen Farbton in 10 Helligkeitsstufen (10%–100%), ideal zum Aufbau von UI-Paletten oder Tailwind-Farb-Tokens.
Werden Alpha-Kanäle unterstützt?
Diese Version konzentriert sich auf deckende Farbräume. Für RGBA/HSLA fügen Sie den Alpha-Wert manuell nach der RGB/HSL-Ausgabe an.