Farbkonverter: HEX, RGB, HSV, Swift & Kotlin

HEX eingeben oder Farbe wählen und Werte sowie fertigen Code für Web, iOS und Android erhalten.

Aa Beispieltext

Läuft vollständig in deinem Browser. Eingaben werden weder gesendet noch gespeichert.

So funktioniert es

  1. HEX (#RGB, #RRGGBB oder 8-stellig) eingeben oder Farbwähler nutzen.
  2. Reihenfolge für 8 Stellen wählen: ARGB (iOS/Android) oder RGBA (CSS).
  3. Gewünschtes Format kopieren.

Designer liefern Farben als HEX-Codes, doch iOS, Android und CSS schreiben sie jeweils anders. Dieser Farbkonverter nimmt einen HEX-Wert – #RGB, #RRGGBB oder 8-stellig – oder eine Farbe aus dem Farbwähler und gibt HEX, rgb(), rgba(), HSV, einen CSS-Code #RRGGBBAA, ein Swift-UIColor, ein SwiftUI-Color, ein Kotlin-Color(0xAARRGGBB) und eine Android-<color>-Ressource zum Kopieren aus.

Dreistellige Codes werden durch Verdoppeln jeder Ziffer erweitert, aus #ABC wird #AABBCC. Bei 8-stelligen Codes wählen Sie die Position des Alphakanals: ARGB wie bei Android und vielen iOS-Helfern oder RGBA wie in CSS. Die Swift-Werte sind Kanal ÷ 255, auf drei Nachkommastellen gerundet. Die Helligkeit nutzt die YIQ-Gewichte (R×299 + G×587 + B×114) ÷ 1000 auf einer Skala von 0 bis 1; über 0,5 gilt die Farbe als hell und dunkle Schrift wird empfohlen, sonst weiße.

Grenzen: Die 4-stellige Kurzform #RGBA wird nicht gelesen – nutzen Sie 8 Stellen. Der Farbwähler setzt nur RGB, eine Auswahl macht Alpha also wieder deckend. HSV wird auf ganze Zahlen gerundet, und zwischen Farbräumen wie Display P3 und sRGB wird nicht umgerechnet. Zeichen, die keine Hex-Ziffern sind, auch #, werden ignoriert. Die Umrechnung läuft vollständig im Browser, es wird nichts gesendet.

Häufige Fragen

Unterschied zwischen #AARRGGBB und #RRGGBBAA?

Android und viele iOS-Helfer setzen Alpha nach vorn (AARRGGBB), CSS ans Ende (RRGGBBAA).

Wie wird die Textfarbe bestimmt?

Helligkeit nach YIQ: (R×299 + G×587 + B×114) ÷ 1000. Über 0,5 wird dunkler Text empfohlen, sonst weißer.

Geht 3-stelliges HEX?

Ja. #ABC wird zu #AABBCC.

Ähnliche Tools