ForHosting KIT · Entwickler-Tools

Hex-Farbcode prüfen

Die Hex-Farbprüfung liefert eine direkte, deterministische Antwort für Farbcodes in CSS, Design-Tokens, Themes, Konfigurationsdateien und erzeugtem Markup.

● BetaKostenlos · im Browser
Nutzen Sie es über WebAPIE-MailTelegramApp bald

Sie akzeptiert die üblichen Formate mit drei, vier, sechs oder acht Stellen, wahlweise mit führender Raute, und prüft jedes Zeichen, ohne den Wert zu erraten oder zu korrigieren. Das boolesche Ergebnis lässt sich einfach in Formularen, Tests, Importabläufen und API-Workflows verwenden. Fehlende Felder und falsche Datentypen führen zu klaren Fehlermeldungen, damit eine fehlerhafte Anfrage niemals mit einer korrekt aufgebauten Anfrage verwechselt wird, die lediglich eine ungültige Farbe enthält.

Wann ein Hex-Farbcode gültig ist

Ein gültiger Hex-Farbcode enthält genau drei, vier, sechs oder acht hexadezimale Stellen. Drei Stellen stehen für die RGB-Kurzform, vier für die RGBA-Kurzform mit Alpha-Kanal, sechs für vollständiges RGB und acht für vollständiges RGBA. Eine führende Raute ist optional, weil CSS, Datenbanken, Designwerkzeuge und Konfigurationsformate dieses Präfix nicht immer gleich speichern. Nach dem optionalen Präfix muss jedes Zeichen eine ASCII-Ziffer von 0 bis 9 oder ein Buchstabe von A bis F sein; Groß- und Kleinschreibung sind zulässig. Die Prüfung akzeptiert weder Leerzeichen, Satzzeichen und Vorzeichen noch doppelte Rauten, Farbnamen, CSS-Funktionen oder andere Längen. Sie entfernt auch keine Leerzeichen. Diese bewusste Strenge macht unsichtbare Abstände erkennbar und verhindert, dass ein gegenüber der gespeicherten Quelle veränderter Wert unbemerkt freigegeben wird. Der boolesche Wert <code>valid</code> beschreibt deshalb exakt die von Ihnen übermittelte Zeichenfolge.

Vorteile einer deterministischen Prüfung

Eine Farbprüfung ist zwar klein, doch uneinheitliche Regeln verursachen hartnäckige Fehler. Ein Browser lehnt möglicherweise ein Format ab, eine Bibliothek normalisiert ein anderes, und ein selbst geschriebener regulärer Ausdruck übersieht die Alpha-Kurzform oder erlaubt versehentlich fünf Stellen. Diese Fähigkeit nutzt eine eindeutige Regel: Sie entfernt höchstens eine optionale Raute, bestätigt eine der vier erlaubten Restlängen und prüft jedes Zeichen gegen das hexadezimale Alphabet. Netzwerk, Zufall, Datum, Regionaleinstellung, Groß-/Kleinschreibungsumwandlung und Farbrauminterpretation spielen keine Rolle. Dieselbe Eingabe erzeugt daher im Widget und über die API denselben booleschen Wert. Ungültige Farbzeichenfolgen liefern regulär <code>false</code> und sind keine Ausnahmefehler. Ein fehlendes Feld oder eine Zahl, Liste beziehungsweise ein Objekt statt einer Zeichenfolge erzeugt dagegen einen klaren Eingabefehler. So kann Ihre Anwendung eine ungültige Farbe melden und zugleich defekte Integrationen oder falsch strukturierte Nutzdaten erkennen.

Das Ergebnis in Formularen und Abläufen einsetzen

Nutzen Sie die Prüfung unmittelbar bevor ein Farbwert eine Vertrauensgrenze überschreitet. In einem Formular können Sie sie bei einer Feldänderung oder vor dem Absenden ausführen und bei <code>valid</code> gleich falsch eine gezielte Meldung anzeigen. Prüfen Sie beim Import von Design-Tokens jeden Wert vor der CSS-Erzeugung, damit ein fehlerhaftes Token weder ein Stylesheet ungültig macht noch sich durch ein Theme verbreitet. Bewahren Sie in Datenabläufen die ursprüngliche Zeichenfolge zusammen mit dem booleschen Wert auf, wenn Sie einen Prüfpfad benötigen. Ersetzen Sie die Quelle nicht durch einen normalisierten Wert, denn diese Fähigkeit validiert, statt umzuwandeln. Für Erweiterung, Konvertierung oder Kanalextraktion prüfen Sie zuerst und übergeben anschließend nur freigegebene Werte an die passende Farbfunktion. Der Browser eignet sich für interaktive Kontrollen; automatisierte Aufrufe kosten über die API $0.002 pro Anfrage. Die stabile Antwort passt direkt in Bedingungen sowie Grenzwert-, Zeichen-, Präfix-, Leer- und Abstandstests.

Ein Farbfeld kontrollieren

Bestätigen Sie ein zulässiges RGB- oder RGBA-Format, bevor eine Theme-Einstellung gespeichert wird.

Design-Tokens validieren

Weisen Sie fehlerhafte Farben vor der Umwandlung in CSS-Variablen oder Anwendungskonstanten zurück.

Erzeugte Styles absichern

Prüfen Sie externe Farbwerte, bevor sie in Stylesheets oder Komponentenkonfigurationen gelangen.

Welche Längen sind gültig?

Genau 3, 4, 6 oder 8 hexadezimale Stellen, ohne die optionale führende Raute mitzuzählen.

Ist die führende Raute erforderlich?

Nein. Sowohl #336699 als auch 336699 sind für diese Prüfung gültige Darstellungen.

Sind Großbuchstaben zulässig?

Ja. Die Hexadezimalbuchstaben A bis F werden groß- und kleingeschrieben akzeptiert.

Entfernt die Prüfung Leerzeichen?

Nein. Führende oder nachgestellte Leerzeichen machen die Farbe ungültig und zeigen Formatprobleme auf.

Was kostet die Nutzung?

Die API kostet $0.002 pro Anfrage; dieselbe deterministische Prüfung läuft auch in Ihrem Browser.

Alles auf dieser Seite ist auch per API verfügbar. Dieser Abschnitt richtet sich an Teams, die es in ihre eigenen Systeme einbinden möchten; alle anderen nutzen einfach das Tool oben.

POSThttps://api.kit.forhosting.com/color/is-valid-hex

Authentifizierung per Bearer-Token. Ein einziger POST stellt die Aufgabe in die Warteschlange; das Ergebnis erhalten Sie per Webhook oder über einen signierten Link.

curl -X POST https://api.kit.forhosting.com/color/is-valid-hex \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"text":"#336699cc"}'
{
  "text": "#336699cc"
}
{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "color.is_valid_hex",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

Die API arbeitet asynchron: Sie erhalten sofort eine task_id. Polling ist mit 1 Anfrage pro Sekunde erlaubt.

pro Anfrage$0.002

Der Preis steht auf der Seite – keine Tokens, keine Credits. Fehlgeschlagene Aufgaben werden nicht berechnet.

HTTPCodeBedeutung
401unauthorizedDer API-Schlüssel fehlt oder ist ungültig – prüfen Sie den Authorization-Header (Bearer).
402insufficient_balanceIhr Guthaben reicht für diese Aufgabe nicht aus – Aufladungen verfallen nicht.
404unknown_typeUnbekannter Aufgabentyp – prüfen Sie das Feld „type“ gegen den Katalog.
429rate_limitedZu viele Anfragen – warten Sie kurz; Polling ist mit 1 Anfrage pro Sekunde erlaubt.

Vollständige KIT-Dokumentation lesen →