Utilore

RGB in HEX umrechnen

Fügen Sie rgb(31, 95, 214) ein — mit Kommas oder Leerzeichen, das ist gleich — und erhalten Sie #1f5fd6, bereit für CSS, eine Designdatei oder einen Styleguide.

  • #1f5fd6 HEX
  • rgb(31, 95, 214) RGB
  • hsl(219, 75%, 48%) HSL

Kontrast:

So geht es

  1. RGB- oder RGBA-Wert einfügen oder Farbe im Farbfeld wählen.
  2. HEX-Code über den übrigen Formaten ablesen.
  3. Auf «Kopieren» neben der HEX-Zeile drücken.

Gut zu wissen

Warum Gestalter nach HEX fragen

HEX ist ein einziges Zeichenpaket statt dreier Zahlen und lässt sich in eine Spezifikation, ein Ticket oder eine Nachricht einfügen, ohne dass eine Stelle verloren geht. Zudem zeigen Designwerkzeuge diese Schreibweise standardmäßig, sodass eine HEX-Palette dem entspricht, was alle anderen vor sich haben.

Was aus dem Alphakanal wird

Übergeben Sie rgba() mit Transparenz, entsteht ein achtstelliges HEX: Das letzte Paar kodiert Alpha von 0 bis 255. Neuere Browser lesen das korrekt, ältere nicht — behalten Sie rgba(), wo breite Unterstützung nötig ist.

Häufige Fragen

Muss ich rgb(...) um die Zahlen schreiben?

Die vollständige Schreibweise mit Kommas oder Leerzeichen wird akzeptiert, als rgb() wie als rgba(). Werte über 255 werden begrenzt statt still umzulaufen.

Warum hat mein HEX acht Zeichen?

Weil die Farbe einen Alphakanal hat. Ohne Transparenz erhalten Sie den gewohnten sechsstelligen Code.

Wird etwas an einen Server geschickt?

Nein. Die gesamte Umrechnung läuft auf der Seite, unveröffentlichte Markenfarben bleiben bei Ihnen.

Ähnliche Tools