Utilore

Farbwähler

Fahren Sie über das Quadrat, um eine Farbe zu wählen, oder nehmen Sie eine, die es schon gibt: mit der Pipette aus einem Bild oder — wo der Browser es zulässt — von beliebiger Stelle des Bildschirms. Der Code erscheint sofort in allen drei Schreibweisen.

Farbe wählen

Zuletzt

Farben überall auf dem Bildschirm aufzunehmen, können nur Chrome und Edge. In Safari und Firefox erscheint der Knopf gar nicht erst — versprechen und dann verweigern wäre schlimmer, als es nicht anzubieten. Nehmen Sie dort ein Bild: Ein Screenshot tut es genauso.

Das Bild bleibt in diesem Tab: Die Farbe wird hier von einer Leinwand gelesen, nichts wird hochgeladen. Die letzten Farben merkt sich nur dieses Gerät.

In der Nähe: Farbcodes umrechnen · Farbpalette-Generator · CSS-Farbverlauf-Generator · HEX in RGB umrechnen

So geht es

  1. Ziehen Sie über das Quadrat, um den Ton zu wählen; der Regler darunter wechselt die Farbfamilie.
  2. Stellen Sie die Deckkraft ein, wenn Sie eine halbdurchsichtige Farbe brauchen — sie erscheint als rgba oder als zwei zusätzliche Zeichen im HEX.
  3. Für eine vorhandene Farbe drücken Sie «Aus einem Bild aufnehmen» und klicken ins Bild. In Chrome und Edge geht es auch direkt vom Bildschirm.
  4. Drücken Sie «Kopieren» neben der gewünschten Schreibweise. Die Farbe landet in der Leiste der letzten, damit Sie zurückkehren können.

Gut zu wissen

Warum das Quadrat auf HSV beruht

In HSV ist das Quadrat aus Sättigung und Helligkeit von Rand zu Rand gefüllt: Jeder Punkt ist eine eigene Farbe. Baut man dasselbe Quadrat auf HSL, entartet es — die obere Reihe ist ganz weiß, die untere ganz schwarz, und die halbe Fläche wählt nichts aus. Das ist der ganze Grund für die Wahl, und genau das bewacht der Test.

Drei Wege hinein, weil man mit verschiedenen Fragen kommt

Eine Farbe wählen und eine Farbe finden sind zwei Aufgaben. Das Quadrat ist zum Wählen. Die Pipette auf einem Bild ist für eine Farbe, die es irgendwo schon gibt: in einem Screenshot, einem Logo, einem Foto. Vom Bildschirm nehmen ist dasselbe, ohne das Fenster zu verlassen — und das können nur Chrome und Edge.

Wo die Transparenz auftaucht

Die Deckkraft wird nur geschrieben, wenn sie nicht voll ist: «rgb(31, 95, 214)» statt «rgba(31, 95, 214, 1)», denn Letzteres räumt man ohnehin von Hand auf. Im HEX werden aus Transparenz zwei zusätzliche Zeichen am Ende: Aktuelle Browser verstehen das, ältere Werkzeuge nicht — bei voller Deckkraft bleibt der Anhang deshalb weg.

Häufige Fragen

Warum fehlt in meinem Browser der Knopf «vom Bildschirm aufnehmen»?

Weil Safari und Firefox das nicht können. Die Funktion gehört dem Browser, nicht uns, und nur Chrome und Edge haben sie. Den Knopf zu zeigen und dann abzulehnen wäre schlimmer, als ihn nicht anzubieten — deshalb ist er schlicht nicht da. Machen Sie einen Screenshot und arbeiten Sie mit dem Bild: Das Ergebnis ist dasselbe.

Wie bekomme ich die Farbe eines Pixels aus einem Foto?

Drücken Sie «Aus einem Bild aufnehmen», wählen Sie die Datei und fahren Sie mit dem Zeiger über das Bild — die Farbe folgt dem Zeiger. Ein Klick behält sie. Das Bild wird nirgends hochgeladen: Es wird in diesem Tab auf eine Leinwand gezeichnet und von dort gelesen.

Kann ich eine Farbe eintippen statt sie zu wählen?

Ja. Tippen Sie sie in eines der drei Felder in jeder üblichen Form — #1f5fd6, 1f5fd6, rgb(31, 95, 214) — und die anderen beiden füllen sich mitsamt dem Quadrat von selbst. Wenn es nur ums Umrechnen zwischen Schreibweisen geht, ist der Farbkonverter nebenan der kürzere Weg.

Der Farbtonregler springt, wenn ich die Helligkeit auf null ziehe.

Das sollte er nicht, und er tut es nicht: Schwarz und Weiß haben gar keinen Farbton, also behält der Regler den vorigen, statt ins Rote zu rutschen. Das ist Absicht — sonst ginge bei jedem Ausflug an den unteren Rand die Farbfamilie verloren, in der Sie gerade arbeiten.

Wo bleiben die zuletzt benutzten Farben?

Auf diesem Gerät, im Browser. Sie gehen nirgendwohin und verraten nichts über Sie: Löschen Sie die Websitedaten, und die Leiste ist wieder leer.

Ähnliche Tools