Bob's Multi Tool

Color Konverter

ColorFarbeDatenschutz: Lokal im Browser

Color Konverter

Konvertiert HEX, RGB und HSL und prueft WCAG-Kontrast fuer echte Vordergrund- und Hintergrundpaare.

Eingabe / Ausgabe

Mit dem Werkzeug starten

Eingabe, Ausgabe und Kopieren bleiben in dieser Hauptflaeche. Beispiele und Pruefhinweise stehen getrennt darunter.

Kopierfertige Ausgabe

Lokale Sitzung

Eingaben werden nur in diesem Browser gespeichert, damit du die letzte Arbeit ohne Konto wiederherstellen kannst.

Nach dem Ergebnis pruefen

Oeffne Beispiele, Checks und verwandte Werkzeuge erst nach dem Eingabe/Ausgabe-Ablauf.

Web-Operations-Arbeitsplatz

Farb-Barrierefreiheit pruefen

Wandle Vorder-/Hintergrundfarben um, kopiere einen WCAG-Kontrastbericht und pruefe CSS-Tokens sowie visuelle Assets vor dem Release.

3 Werkzeuge
  1. 1. Color

    Wandle HEX/RGB/HSL-Paare um, pruefe AA/AAA und kopiere den Accessibility-Bericht.

  2. 2. CSS

    Pruefe CSS-Tokennamen, Selektoren und doppelte Farbwerte vor dem Commit.

  3. 3. Favicon

    Pruefe, ob Markeninitialen oder kleine Icons auf dem gewaehlten Hintergrund lesbar bleiben.

Bild-Data-URL pruefen

Vorschau fuer Base64-Bilddaten, MIME-Type pruefen und Kontrast vor dem Teilen kontrollieren.

3 Werkzeuge
  1. 1. Base64

    Erkenne Bild-Bytes und zeige die Data-URL, ohne Binaertext zu kopieren.

  2. 2. MIME

    Pruefe Erweiterung und Content-Type des Bildes.

  3. 3. Color

    Pruefe Kontrast, wenn das Bild in QR, Badge oder Dokumenthintergrund landet.

CSS-Snippet pruefen

Formatiere das CSS-Snippet, kopiere den CSS-Pruefbericht und pruefe Minifizierung sowie Kontrast.

3 Werkzeuge
  1. 1. CSS

    Formatiere das Snippet und kopiere den Bericht mit Selector, Token, Cascade, Specificity und Checkliste.

  2. 2. CSS Min

    Wenn kompaktes CSS geteilt wird, pruefe Kompression, Kommentarentfernung und Minify-Bericht.

  3. 3. Color

    Pruefe Farb-Tokens gegen WCAG-Kontrast, wenn das Snippet sichtbare Farben aendert.

Vor dem Kopieren

  • Pruefe das echte Vordergrund/Hintergrund-Paar der UI.
  • Bewerte AA normalen Text, AA grossen Text und AAA normalen Text getrennt.
  • Pruefe mit einem verwandten Tool, ob Color Konverter fuer den naechsten Schritt passt.

Haeufige Fehlerfaelle

  • Ein bestandener Kontrast kann bei anderer Schriftgroesse, Gewichtung oder Zustand scheitern.
  • Alpha, Overlays und Hintergrundbilder aendern den effektiven Kontrast.

Verwandte Werkzeuge

ClampErzeugt CSS clamp()-Werte fuer responsive Schriftgroessen und Abstaende mit Min/Max-Grenzen.Naechster Schritt: Erzeugt CSS clamp()-Werte fuer responsive Schriftgroessen und Abstaende mit Min/Max-Grenzen.CSS UnitKonvertiert px, rem, em und Prozentwerte fuer CSS-Layout und Typografie.Naechster Schritt: Konvertiert px, rem, em und Prozentwerte fuer CSS-Layout und Typografie.FaviconBereitet Favicon-Links, Manifest-Hinweise und Farbwerte fuer Browser-Tabs vor.Naechster Schritt: Bereitet Favicon-Links, Manifest-Hinweise und Farbwerte fuer Browser-Tabs vor.
  • Pruefe das echte Vordergrund/Hintergrund-Paar der UI.
  • Bewerte AA normalen Text, AA grossen Text und AAA normalen Text getrennt.
  • Pruefe mit einem verwandten Tool, ob Color Konverter fuer den naechsten Schritt passt.
Color Konverter - kostenloses Online-Farbe-Werkzeug | bobob.app