Tipps zu Entwicklertools: Farben erstellen

Sofia Emelianova
Sofia Emelianova

Mit den Entwicklertools können Sie Farben mit nur wenigen Klicks erstellen, anstatt ihre Werte manuell eingeben zu müssen.

Das folgende Video mit DevTools-Tipps zeigt Ihnen die meisten grundlegenden Funktionen der Farbentwicklung. Seit der Veröffentlichung des Videos wurden jedoch einige Funktionen implementiert und eine davon wurde eingestellt.

Wie Sie Farben schnell verfassen, erfahren Sie im Video und in der aktualisierten Dokumentation:

  • Um das Farbformat-Menü zu öffnen, klicken Sie bei gedrückter Umschalttaste auf das Farbvorschaufeld neben einem Farbwert.

  • Wie im Video gezeigt, können Sie Farben mit der Farbauswahl bearbeiten und kopieren.

  • Mit der Augentropfen können Sie an einer beliebigen Stelle auf dem Display eine Farbe auswählen.

  • Wie im Video gezeigt:

    • Ändern Sie die Farbverlaufswerte mit der Winkel-Uhr.
    • Benutzerdefinierte CSS-Variablen als Farbvorlage verwenden
  • Verwenden Sie das Farbformat-Menü zum Konvertieren von HD- und Nicht-HD-Farben, anstatt das Format über Tastenkombinationen im Befehlsmenü zu ändern.

  • Wie im Video gezeigt, erhalten Sie im Steuerfeld CSS-Übersicht einen Überblick über alle Farben auf Ihrer Seite.

Weitere Informationen finden Sie unter: