HEX → RGB
Wandelt einen Hex-Farbcode in RGB und HSL um.
Dieses Tool benötigt JavaScript. Aktiviere JavaScript in deinem Browser und lade die Seite neu.
VON #HEX ZU RGB, SOFORT.
HEX → RGB wandelt einen hexadezimalen Farbcode in RGB- und HSL-Werte um. Du kannst den Code mit oder ohne Rautezeichen schreiben; die dreistellige Kurzform (#f00), die sechsstellige Standardform (#ff0000) und die achtstellige Form mit Transparenz (#ff0000cc) werden angenommen. Im Augenblick des Tippens aktualisiert sich die Farbvorschau und die Ergebnisse erscheinen: RGB, bei Transparenz RGBA, HSL und eine CSS-Variable, die sich direkt in eine Stildatei einfügen lässt.
Die Ergebnisliste sagt dir außerdem, ob auf diese Farbe dunkler oder heller Text gesetzt werden sollte; dieser Vorschlag wird aus der wahrgenommenen Helligkeit der Farbe berechnet. Auf Wunsch kannst du im Farbwähler eine Farbe wählen und ihren Code holen. Das Werkzeug arbeitet in beide Richtungen: Änderst du die RGB-Felder, aktualisiert sich auch der HEX-Code, deshalb teilt es sich einen Bildschirm mit „RGB → HEX“. Man nutzt es, um einen Code aus einem Gestaltungsprogramm im Code zu verwenden, eine Markenfarbe in andere Formen zu bringen oder zu erkennen, ob eine Farbe hell oder dunkel ist. Die Rechnung geschieht vollständig in deinem Browser.
Von Anfang bis Ende
- Schreibe den HEX-Code. Zum Beispiel #1a73e8, 1a73e8 oder in der Kurzform #17e.
- Schau in die Vorschau. Das Farbfeld und alle Werte aktualisieren sich im Augenblick des Tippens.
- Kopiere den Wert. Kopiere die Zeile mit RGB, HSL oder der CSS-Variable und nutze sie.
Häufige Fragen
Was ergibt #1a73e8 in RGB?
rgb(26, 115, 232). Die ersten beiden Stellen geben Rot, die nächsten beiden Grün und die letzten beiden Blau im Sechzehnersystem.
Was bedeutet ein achtstelliger HEX-Code?
Die letzten beiden Stellen sind die Transparenz: ff ist vollständig deckend, 00 vollständig durchsichtig. #1a73e880 ist ein halbtransparentes Blau und erscheint im Ergebnis als RGBA.
Wie wird ein kurzer HEX-Code (#f00) ausgeschrieben?
Jede Stelle wird zweimal geschrieben: #f00 wird #ff0000. Das Werkzeug macht das von selbst.
Werden meine Eingaben an den Server gesendet?
Nein. Dieses Werkzeug läuft vollständig in deinem Browser; nichts, was du eingibst oder hinzufügst, wird an den Server von RUPO Studio gesendet. Solange die Seite geöffnet ist, funktioniert es auch ohne Internetverbindung weiter. Ein Konto ist nicht nötig. Die Nutzung ist kostenlos: Es gibt kein stündliches oder tägliches Limit, und bevor du das Ergebnis siehst, musst du keine Werbung ansehen.
Weitere Creator-Tools-Tools
RUPO Studio