Farbeingabe
Farbe wählen oder eingeben
Gültige Farbe.
Webdesign-Werkzeug
Farbwähler
Wählen Sie Farben mit dem nativen Wähler, HEX oder präzisen RGB-Reglern, kopieren Sie Formate, erkunden Sie Harmonien und bestimmen Sie lesbare Textfarben.
Live-Vorschau
Farbwerte
Farbcodes kopieren
HEX#16735F
RGBrgb(22, 115, 95)
HSLhsl(167.1, 67.9%, 26.9%)
HSVhsv(167.1, 80.9%, 45.1%)
CMYK-Schätzungcmyk(80.9%, 0%, 17.4%, 54.9%)
CSS-Variable--color: #16735F;
Barrierefreiheit
Textkontrast
Beispieltext auf der gewählten Farbe
Weißer Text5.48:1
Schwarzer Text3.83:1
Empfohlene TextfarbeWeißen Text verwenden.
Relative Leuchtdichte0.142
Die Verhältnisse verwenden die relative WCAG-Leuchtdichte. Normaler Text benötigt 4,5:1 für AA und 7:1 für AAA, großer Text 3:1 für AA.
Farbharmonie
Erzeugte Palette
Wählen Sie einen Harmoniemodus und anschließend ein Farbfeld als neue Basisfarbe.
Farbskala
Aufhellungen und Schattierungen
Aufhellungen
Schattierungen
Aufhellungen nähern sich Weiß und Schattierungen Schwarz, während Farbton und Sättigung erhalten bleiben.
Hinweise zum Farbwähler
HEXHEX ist kompakt und eignet sich für CSS, Design-Tokens und gemeinsam genutzte Spezifikationen.
RGBRGB ermöglicht die direkte Steuerung der roten, grünen und blauen Kanäle für Browser und Canvas.
HSLHSL trennt Farbton, Sättigung und Helligkeit und erleichtert damit verwandte Oberflächenfarben.
WCAGWCAG-Kontrastverhältnisse helfen bei der Wahl von lesbarem schwarzem oder weißem Text auf der gewählten Hintergrundfarbe.
Häufige Fragen
Kann ich dies als HEX-Farbwähler verwenden?
Ja. Nutzen Sie den nativen Wähler oder geben Sie einen strengen drei- oder sechsstelligen HEX-Wert ein und kopieren Sie HEX, RGB, HSL, HSV, die CMYK-Schätzung oder eine CSS-Variable.
Funktioniert die Pipette in jedem Browser?
Nein. Die Schaltfläche verwendet die EyeDropper-API, wenn sie verfügbar ist, und zeigt bei fehlender Unterstützung oder Abbruch eine klare Meldung.
Wie werden die Palettenfarben erzeugt?
Komplementäre, analoge, triadische, geteilt komplementäre, tetradische und monochromatische Paletten werden lokal aus den HSL-Werten der gewählten Farbe berechnet.
Welches Kontrastverhältnis sollte Text erreichen?
WCAG AA verlangt 4,5:1 für normalen und 3:1 für großen Text. AAA verlangt 7:1 für normalen Text.