Beliebige einfarbige Fläche erstellen
Benutzerdefinierter Farbbildschirm
Gib einen sechsstelligen HEX-Wert ein oder wähle eine Farbe sichtbar aus. Öffne sie anschließend im Vollbild, vergleiche sie mit der vorherigen Wahl und exportiere ein passendes PNG. Das Werkzeug zeigt die gewählte Farbe zusammen mit ihren HEX-, RGB- und HSL-Werten.
- Eingabe
- Farbauswahl oder sechsstelliger HEX-Wert
- Anzeigen
- HEX, RGB, HSL und berechnete Helligkeit
- Verlauf
- Vier zuletzt verwendete Browserfarben
- Größtes Bild
- 7680 × 4320
Einen Bildschirm mit eigener Farbe erstellen
Beginne mit einem bekannten Wert, wenn Genauigkeit wichtig ist. Wähle nach dem sichtbaren Eindruck, wenn du eine Stimmung gestalten möchtest.
Farbe eingeben
Gib einen Wert wie #3AB0A2 ein, nutze die Farbauswahl oder verwende die Pipette, wenn dein Browser sie anbietet.
Werte prüfen
Prüfe RGB und HSL, die berechnete Helligkeit und den vorgeschlagenen Textfarbton mit hohem Kontrast.
Möglichkeiten vergleichen
Wähle eine weitere Farbe und aktiviere A/B, um sie neben der vorherigen Wahl anzuzeigen.
Nutzen oder speichern
Öffne die Fläche im Vollbild oder lade ein einfarbiges PNG in der benötigten Größe herunter.
Denselben Wert für Design und Anzeige verwenden
Ein HEX-Code gibt anderen einen eindeutigen digitalen Bezugspunkt. Kopiere RGB für Bild- oder Anwendungseinstellungen. Nutze HSL, wenn du Farbton, Sättigung und Helligkeit einzeln anpassen möchtest.
Der Bildschirm ist eine Vorschau und kein Nachweis, dass jedes Gerät denselben Wert gleich darstellt. Displaytyp, Gerätefarbeinstellungen, Helligkeit und Raumlicht können das Aussehen verändern.
Farben praktisch vergleichen
Stelle den ersten Kandidaten ein, wähle danach den zweiten und öffne den A/B-Vergleich. Beurteile beide gleichzeitig, statt dich an die vorige Farbe zu erinnern. Prüfe den angezeigten Kontrast, bevor du Text auf die Farbe setzt.
Vergleiche deine Wahl mit reinem Schwarz oder einer weißen Fläche, wenn du einen neutralen Bezugspunkt brauchst. Diese Seiten haben eigene Voreinstellungen zum Testen und Beleuchten.
Was die Farbeinstellungen bewirken
Die Einstellungen decken Auswahl, Vergleich, Browserverhalten und Dateierstellung ab.
Eigene Voreinstellungen
Nach einer Auswahl erstellt das Werkzeug eine unveränderte, gedämpfte, dunkle und helle Variante dieser Farbe.
Helligkeit und Text
LUM zeigt die berechnete relative Helligkeit, die bei Prüfungen zur Web-Barrierefreiheit verwendet wird. TEXT zeigt, ob schwarzer oder weißer Text den stärkeren Kontrast bietet.
Zuletzt verwendete Farben
Bis zu vier gültige Farben werden lokal gespeichert, damit du zu deiner jüngsten Auswahl zurückkehren kannst.
An meinen Bildschirm anpassen
Der Export nutzt die vom Browser gemeldete Größe. Er berücksichtigt auch das Pixelverhältnis: die Anzahl physischer Pixel, die für eine Bildschirmeinheit verwendet wird.
Wichtig: Der Kontrasthinweis ist eine Berechnung für schwarzen oder weißen Text. Prüfe die gesamte Bedienoberfläche anhand der Barrierefreiheitsanforderungen, die für dein Projekt gelten.
Fragen zu Benutzerdefinierter Farbbildschirm
Welche HEX-Formate werden angenommen?
Gib eine Raute und sechs hexadezimale Zeichen ein, zum Beispiel #1A2B3C.
Werden zuletzt verwendete Farben hochgeladen?
Nein. Die Liste wird im lokalen Browserspeicher auf dem aktuellen Gerät gespeichert.
Kann das Werkzeug meinen Monitor kalibrieren?
Nein. Es zeigt die angeforderten Browserfarben an, kann die tatsächliche Ausgabe des Displays aber weder messen noch korrigieren.