HEX to RGBA Konverter

Das ist ein HEX-zu-RGBA-Umrechner. Er macht aus dem HEX der Datei rgb() / rgba() für CSS. Alpha ist 0–1, 0–255 oder Prozent. #FF573380 ist rgba(255, 87, 51, 0.5).

Beispiele — klicken Sie ein Feld

Klicken Sie einen Wert zum Kopieren

Mehrere Farben auf einmal umwandeln. Eine pro Zeile, oder Kommas wie #3B82F6, #FF573380. Beispiel einfügen füllt drei Zeilen und die Tabelle darunter.

HEX to RGBA

Das ist ein HEX-zu-RGBA-Umrechner: Er macht aus dem HEX der Datei rgb() / rgba() für CSS. Er nimmt #F53, #FF5733 und #FF573380. #FF573380 ist rgba(255, 87, 51, 0.5).

So verwenden Sie es

  1. Fügen Sie HEX, HEX8, rgb(), rgba() oder 255, 87, 51 ein. Kurz #F53 wird zu #FF5533.
  2. Ziehen Sie die Regler R, G, B, A oder tippen Sie die Zahlen. Alpha ist 0–1, 0–255 oder Prozent.
  3. Klicken Sie einen Kanal-Chip zum Kopieren. Die Kopieren-Knöpfe neben rgb() / rgba() / CSS-Variable kopieren diese Zeile. Ergebnis kopieren kopiert rgba().
  4. Beispiel anzeigen lädt #FF573380. Die Beispiel-Felder füllen #FF5733, #F53, #FF573380, #3B82F6, #00000080 und transparentes Weiß.
  5. Vom Bildschirm aufnehmen erscheint, wenn EyeDropper verfügbar ist. Stapel: eine Farbe je Zeile oder Kommas. Alles löschen leert die Felder.

Hinweise

Die letzten zwei Ziffern von 8-stelligem HEX sind Alpha: 80 hex ist 128, 128/255 ≈ 0.502. Bei Alpha 1 nutzt die CSS-Variable 6-stelliges HEX, sonst HEX8. rgba(255 87 51 / 50%) wird akzeptiert. Ungültiges HEX zeigt eine Meldung. Siehe HEX to RGB und Farbdeckkraft.

Wofür Sie es brauchen

Figma-HEX in rgba() für Overlays, Kurz-#RGB prüfen, einen Kanal oder --color in CSS kopieren.

Fragen

Funktioniert #F53?

Ja. Jede Ziffer verdoppelt sich: #F53 wird #FF5533, also rgb(255, 85, 51).

Warum ist HEX 80 nicht 0,5 Alpha?

0x80 ist 128. 128 ÷ 255 ≈ 0,502. Stellen Sie Alpha auf 0–255 oder %.