Inhalt
So wird aus einem Farbwert eine andere Schreibweise
Der Rechner liest eine sRGB-Farbe als HEX, RGB oder HSL und gibt eine andere Schreibweise derselben Farbe aus. Die Vorschau liegt auf einem Schachbrettmuster, damit Deckkraft und Farbkanäle nicht verwechselt werden.
Drei Farben zum Gegenprüfen
Mit #336699 als Ausgangswert erhalten Sie rgb(51,102,153). Wählen Sie HSL als Ziel, erscheint hsl(210,50%,40%). Der gedämpfte Blauton bleibt dabei gleich.
Für reines Rot geben Sie im RGB-Modus R 255, G 0 und B 0 ein. HEX liefert #FF0000. Das Beispiel zeigt, dass jede der drei zweistelligen HEX-Gruppen genau einem Kanal entspricht.
Aus H 120°, S 100% und L 50% wird rgb(0,255,0). Der Farbton liegt im HSL-Kreis bei Grün; die drei RGB-Werte sind nach der Umrechnung wieder ganze Kanalzahlen.
Was in die Eingabefelder gehört
Wählen Sie erst das Ausgangsformat und danach ein anderes Zielformat. HEX erlaubt drei, vier, sechs oder acht hexadezimale Zeichen; die Raute ist bei der Eingabe freiwillig. RGB-Kanäle liegen zwischen 0 und 255. HSL verwendet einen Farbton von 0 bis 360° sowie Sättigung und Helligkeit von 0 bis 100%. Alpha liegt zwischen 0 und 1.
Bei #RGBA und #RRGGBBAA steht Alpha am Ende. Die CSS-Color-Spezifikation beschreibt diese sRGB-Formate. Die Umrechnung liefert keinen Druckfarbenwert und keine Bewertung des Textkontrasts.
Warum eine Rückrechnung leicht abweichen kann
HEX und RGB speichern ganze Kanalwerte. HSL wird mit einer Nachkommastelle, Alpha mit drei Stellen angezeigt. Wer einen HSL-Wert erst in RGB und dann zurück umrechnet, kann deshalb eine andere letzte Dezimalstelle sehen. Auch gleiche sRGB-Zahlen wirken auf verschieden eingestellten Bildschirmen nicht zwingend identisch.
Häufige Fragen zur Farbumrechnung
Besonders kurze Codes und transparente Farben führen schnell zu falschen Erwartungen.
Warum wird aus #3A7 der Wert #33AA77?
Die Kurzform verdoppelt jedes Zeichen. Sie ergänzt keine Nullen.
Was bedeutet 80 am Ende von #00000080?
80 ist ein Alpha-Byte mit dem Dezimalwert 128. Das entspricht 128/255 oder gerundet 0,502 Deckkraft.
Darf der Farbton 360° sein?
Ja. Im Farbkreis führt 360° wieder zu 0°, also zur gleichen Richtung.
Warum zeigt Grau den Farbton 0°?
Bei 0% Sättigung ändert ein anderer Farbton nichts. Der Rechner verwendet 0° als festen Ausgabewert.
Reicht die Vorschau für eine Kontrastprüfung?
Nein. Für lesbaren Text müssen Vorder- und Hintergrundfarbe gemeinsam geprüft werden.
Ähnliche Rechner
Die folgenden Rechner zum gleichen Thema könnten für Sie nützlich sein:
- Visueller HTML-Editor. Bearbeiten Sie HTML-Code kostenlos und online und sehen Sie sofort das visuelle Erscheinungsbild von Text und Seite im Vorschaumodus (WYSIWYG).
- Passwortgenerator. Erstellen Sie kostenlos ein komplexes und sicheres Passwort mit einem Online-Generator mit 8, 10, 12 oder mehr zufälligen Zeichen.
- Anzahl der Zeichen im Text: Rechner. Zählen Sie online die Anzahl der Zeichen im Text, einschließlich oder ohne Leerzeichen.
- Zufallsgenerator: Erzeugung von Zufallszahlen. Erhalten Sie eine Zufallszahl für verschiedene Zwecke, insbesondere für Verlosungen und Online-Lotterien in sozialen Netzwerken.
- Dauer einer Dateiübertragung berechnen. Geben Sie Dateigröße, Übertragungsrate und nutzbaren Anteil ein, um die geschätzte Dauer mit der Idealzeit zu vergleichen.
- Datenmengen umrechnen. Geben Sie eine Datenmenge ein und rechnen Sie zwischen Bit, Byte, Dezimalpräfixen und binären IEC-Präfixen um.
- Pixeldichte Rechner. Geben Sie native Auflösung und sichtbare Diagonale ein, um PPI und Pixelgröße zu berechnen.
- Text-Chronometer: Schätzung der Dauer des lauten Lesens. Entdecken Sie die geschätzte Zeit, die benötigt wird, um Ihren Text zu lesen oder vorzutragen. Geben Sie den Inhalt ein und erhalten Sie das Ergebnis sofort.
- Trainer für das Einmaleins. Trainieren und merken Sie sich das Einmaleins online. Legen Sie den Multiplikationsbereich fest, und der Trainer erstellt Übungen.
- Durchschnittsnote Rechner. Berechnen Sie den Durchschnitt Ihrer Bildungsdokumente mit unserer Hilfe. Erfahren Sie die richtige Methode zur Berechnung des Durchschnitts.
In sozialen Medien teilen
Wenn es Ihnen gefallen hat, teilen Sie bitte den Rechner auf Ihren sozialen Medien. Es ist einfach für Sie und nützlich für die Promotion des Projekts. Danke!