Color Picker

Farben wählen und ohne Umwege arbeiten

Wir haben Color Picker 2025 gebaut, weil uns schwere Apps und komplizierte Farbtools genervt haben. Als Frontend-Entwickler und Illustratoren brauchten wir etwas, womit wir schnell eine Farbe aufnehmen, kurz anpassen und weitermachen können. Aus einem internen Tool wurde rasch ein Favorit unter Kollegen – also haben wir es poliert und für alle ins Web gebracht. Keine Accounts, keine Lernkurve – Seite öffnen, Ton wählen und HEX-, RGB-, HSL- oder HSV-Codes kopieren.

Warum mögen Menschen unseren Color Picker?

Wenn Sie je vor einem Design saßen und sich gefragt haben, wie Sie den exakten Ton treffen, werden Sie die Schlichtheit von Color Picker schätzen. Die Oberfläche ist bewusst minimal gehalten:

• Klicken – und die Farbe ist da – tippen Sie irgendwo in die Palette, und das Tool liefert sofort die nötigen Werte. Probe aus Foto oder Screenshot? Datei auf die Seite ziehen und die Pipette nutzen.
• Verläufe leicht gemacht – seidig weiche Übergänge erzeugen, indem Sie Stopps in der Leiste hinzufügen und verschieben. Zwischen linear und radial wechseln, Winkel und Transparenz feinjustieren und CSS kopieren.
• Keine Limits, keine Kosten – Color Picker läuft in jedem modernen Browser auf Desktop, Tablet oder Smartphone. Nichts zu installieren und kostenlos.
• Erweiterungen bei Bedarf – unsere optionalen Chrome- und Edge-Erweiterungen bringen die Pipette direkt in den Browser, damit Sie Farben von jeder Seite aufnehmen und Ihre Historie mitnehmen können.

Wofür ist es gut

Menschen nutzen Color Picker auf unterschiedliche Weise:

• Designer und Produktteams greifen dazu, wenn sie Interfaces oder Markenpaletten skizzieren. Kombinationen erkunden und benötigtes CSS für Verläufe kopieren geht schnell.
• Illustratoren und Künstler nutzen die Pipette, um sich von Fotos und Gemälden inspirieren zu lassen. Das Verlaufstool hilft, weiches Shading und Farbübergänge zu planen.
• Frontend-Entwickler verlassen sich darauf, um konsistente Farbwerte über Projekte hinweg zu erzeugen. Die Erweiterung macht das Sampling aus bestehenden Sites mühelos.
• Alle, die Barrierefreiheit prüfen können Farben in verschiedenen Modellen ansehen und die Transparenz anpassen, bis die Kontrastvorgaben erfüllt sind.

Erste Schritte

Ein Handbuch ist nicht nötig – hier eine kurze Übersicht:

• Farbe wählen – klicken Sie irgendwo in die Palette. Sofort sehen Sie HEX-, RGB- und HSV-Werte. Feintuning per Regler für Farbton, Sättigung, Helligkeit und Transparenz.
• Aus Bild aufnehmen – ziehen Sie eine Bilddatei auf die Seite oder wählen Sie eine aus. Klicken Sie auf das gewünschte Pixel, und die Farbcodes erscheinen.
• Verlauf bauen – klicken Sie in die Verlaufsleiste, um Stopps hinzuzufügen und zu verschieben; wechseln Sie zwischen linear und radial. Winkel und Transparenz anpassen, bis es passt.
• Kopieren und wiederverwenden – Ihre Farben und Verläufe werden automatisch gespeichert. Kopieren Sie Codes oder CSS und fügen Sie sie in Ihr Projekt ein – oder teilen Sie sie mit dem Team.