Image Color Picker

Ausgezeichnet

HEX-Farbwähler

Passen Sie HEX an und vergleichen Sie HWB-, HSL-, HSV-, RGB- und OKLCH-Werte in einem ruhigen Arbeitsbereich.

Hex-Farbwähler

Ein Hex-Farbwähler, sechs Farbmodelle

Einen HEX-Farbcode eingeben und sofort die entsprechenden Werte in RGB, HSL, HSV, HWB und OKLCH sehen. Beim Bewegen der Schieberegler synchronisieren sich alle sechs Darstellungen in Echtzeit. HEX-Code und URL-Hash synchronisieren gemeinsam, sodass beliebige Farben in Sekunden als Lesezeichen gespeichert oder geteilt werden können.

HEX zu RGB in Echtzeit

Eine HEX-Farbe wie #3b82f6 eingeben und die RGB-Werte aktualisieren sich sofort. Der HEX-Finder akzeptiert auch dreistellige Kurzformen.

HEX-Code-Finder mit URL-Sharing

Bei jeder Farbanpassung aktualisiert sich der URL-Hash automatisch, sodass dieser HEX-Code-Finder zum teilbaren Lesezeichen wird. Einen Link an Teammitglieder senden und sie sehen dieselbe Farbe.

Sechs Farbmodelle synchronisiert

HEX, RGB, HSL, HSV, HWB und OKLCH werden alle gemeinsam aktualisiert. Das Wechseln des Modells verliert nie die Farbe — perfekt für Design-Tokens und CSS-Variablen.

Hex-Farbwähler-Oberfläche mit Schiebereglern für HSL-, RGB- und OKLCH-Farbmodelle

Farbcode-Finder

Jeden Farbcode finden — HEX, RGB, HSL, OKLCH

Dieser Farbcode-Finder deckt alle Standards ab, die im Webdesign, in der App-Entwicklung und im Digitaldruck verwendet werden. HEX ist der Standard für CSS und HTML. RGB ist das native Format für Bildschirme. HSL ist das menschenlesbare Format für Designer. OKLCH ist das nächste wahrnehmungsbasierte Format in CSS Color Level 4. Alle vier gleichzeitig verfügbar — einfach das kopieren, das zum Workflow passt.

Farbcode-Finder mit HEX-, RGB-, HSL- und OKLCH-Werten für ein leuchtendes Blau
HTML-Farbwähler mit CSS-fertigen HEX- und RGB-Farbcodewerten

HTML-Farbwähler

HTML-Farbwähler für CSS und Webdesign

Ob Inline-Styles geschrieben, Design-Tokens definiert oder eine CSS-Variablen-Bibliothek gepflegt wird — dieser HTML-Farbwähler liefert den genauen Code. Farbton, Sättigung und Helligkeit visuell anpassen, dann den HEX-Farbcode oder den CSS rgb()-Wert direkt ins Stylesheet kopieren.

  • Gültige CSS-Werte für hex, rgb(), hsl(), hwb() und oklch() sofort generieren.
  • URL-Hash-Sync ermöglicht das Speichern und Teilen jeder Farbe als Browser-Lesezeichen.
  • Gamut-Indikator kennzeichnet Farben, die nur in Display-P3 existieren und außerhalb von sRGB liegen.
  • Offline nutzbar — keine API-Aufrufe, keine Serverabhängigkeit.

RGB-Farbwähler

RGB-Farbwähler mit Präzisionsschiebereglern

RGB-Farbwähler mit drei unabhängigen Schiebereglern für Rot-, Grün- und Blaukanal

Dedizierte RGB-Kanäle

Drei unabhängige R-, G- und B-Schieberegler zum kanalweisen Farbmischen. Der RGB-Picker zeigt beim Ziehen Dezimalwerte und HEX-Codes in Echtzeit an.

RGB-Picker mit Live-Konvertierung zwischen RGB-Kanalwerten und HEX-Farbcode

RGB zu HEX und zurück

Einen bekannten HEX-Code einfügen, um die RGB-Zerlegung sofort zu sehen, oder die RGB-Picker-Schieberegler anpassen, um den HEX-Code eines benutzerdefinierten Farbtons zu finden. Kein separater Konverter erforderlich.

RGB-Farbwähler mit nebeneinander platzierten sRGB- und Display-P3-Gamut-Mustern

RGB-Farbwähler mit Wide-Gamut-Unterstützung

Zwischen sRGB- und Display-P3-Gamuts wechseln, um zu sehen, ob die gewählte Farbe auf Wide-Gamut-Bildschirmen reproduziert werden kann. Beide Muster werden nebeneinander aktualisiert.

Häufige Fragen

Fragen zum Hex-Farbwähler