Aufgabenpfad / von der Eingabe zum Ergebnis
So wandelst du eine HEX-Farbe in RGBA um
- 01
Gib die HEX-Farbe ein
Tippe den Wert in das Feld HEX-Farbe, das mit #6D5EF8CC vorbefüllt startet. Der strikte Parser akzeptiert #RGB, #RGBA, #RRGGBB und #RRGGBBAA — die Hilfe unter dem Feld listet genau diese vier Formate, und das Feld begrenzt die Eingabe auf neun Zeichen.
- 02
Führe die Umwandlung aus
Drücke In RGBA umwandeln. Der Parser validiert den gesamten Wert, bevor etwas rendert, und ein fehlerhafter Wert wird mit einer Meldung abgelehnt, die die vier akzeptierten Formate nennt. Das Bearbeiten des Felds löscht das vorherige Ergebnis, das Panel darunter zeigt also nie eine veraltete Farbe.
- 03
Lies die RGBA-Kanäle
Alpha wird als sein Byte geteilt durch 255 dekodiert, ohne Rundung während der Berechnung. RGBA und die Kanalanzeige verwenden bis zu sechs Dezimalstellen; alle 256 Alpha-Bytes überstehen den Roundtrip durch das exportierte RGBA.
- 04
Prüfe das Farbfeld
Das große Vorschau-Farbfeld rendert die umgewandelte Farbe direkt, ein transluzentes Ergebnis ist also sofort gegen die Seite sichtbar. Nutze es, um vor dem Kopieren zu bestätigen, dass das Alpha so liest, wie das Design es beabsichtigt hat.
- 05
Lade bei Bedarf das Beispiel
Drücke Beispiel laden, um ein vollständiges Beispiel laufen zu lassen — #22C55E99 wird zu rgba(34, 197, 94, 0.6) —, das den ganzen Ablauf von der Eingabe zu den Kanälen zeigt. Zurücksetzen stellt das Feld auf #6D5EF8CC zurück und löscht das Ergebnis.
- 06
Kopiere oder lade das Ergebnis herunter
Drücke Ausgabe kopieren, um den rgba()-Wert in die Zwischenablage zu kopieren, oder Herunterladen, um ihn als toolars-color-rgba.txt zu speichern. Beide Aktionen bleiben deaktiviert, bis eine Umwandlung erfolgreich war, du kopierst also nie ein leeres Ergebnis.