Alle Tools

Farbrad Online — interaktiver HSL-Farbwähler

Ein interaktives HSL-Farbrad. Klicken Sie irgendwo auf das Rad, um eine Farbton-Sättigungs-Kombination auszuwählen, und verfeinern Sie dann die Helligkeit mit dem Regler.

50%

Klicken Sie auf das Farbrad, um eine Farbe auszuwählen

Anleitung

  • Rad anklicken — Winkel vom Zentrum setzt den Farbton, Abstand vom Zentrum setzt die Sättigung.
  • Helligkeitsregler — ziehen, um die Helligkeit von Schwarz (0%) bis Weiß (100%) anzupassen. 50% ergibt den reinen Farbton.
  • Kopierschaltflächen — die ausgewählte Farbe als HEX, RGB oder HSL kopieren.

Farbbeziehungen auf dem Rad

  • Komplementär — Farben direkt gegenüber (180° auseinander).
  • Analog — Farben nebeneinander auf dem Rad (±30°).
  • Triadisch — drei gleichmäßig verteilte Farben (120° auseinander).
  • Geteiltes Komplementär — eine Farbe plus die zwei Farben neben ihrem Komplementär.

Verwandte Werkzeuge

Bild-Farbwähler — Farben aus Fotos

Laden Sie ein beliebiges Bild hoch und klicken Sie, um Farben direkt aus Pixeln zu entnehmen.

HEX zu RGB Farbkonverter

Wandle HEX-Farbcodes sofort in RGB-, HSL-, HSV- und CMYK-Werte um.

RGB zu HEX Farbkonverter

Stelle R-, G-, B-Werte mit Schiebereglern oder Eingaben ein und erhalte die HEX- und HSL-Ausgabe.

Farbkontrast-Prüfer Online — WCAG AA & AAA

Prüfen Sie das WCAG-2.1-Farbkontrastverhältnis für AA- und AAA-Konformität. Live-Textvorschau.

Farbmischer & Farbverlauf-Generator

Mischen Sie zwei Farben mit einem Verhältnisregler. Erhalten Sie eine vollständige Farbverlaufspalette.

CSS-Farbnamen — Alle 148 Farben

Durchsuche alle 148 CSS-Farbnamen mit ihren HEX- und RGB-Werten.

Material-Design-Farbtabelle & Palette

Material-Design-Farbpalette — 19 Farbfamilien × 10 Abstufungen.

Minecraft-Farbcodes & Formatierung

Alle Minecraft-§-präfixierten Farb- und Formatierungscodes mit Vorschau.

Roblox-Farbcodes & BrickColor-IDs

Vollständige Roblox-BrickColor-Palette mit Farb-IDs und RGB-Werten.

Farbpaletten-Generator

Harmonische Farbpaletten aus einer Basisfarbe generieren — komplementär, triadisch und analog.

Farbformat-Konverter

Farben sofort zwischen HEX, RGB, HSL, HSV, CMYK und CSS-Farbnamen umwandeln.

Farbton-Generator

10-stufige Farbtonpalette (50–900) aus einer Basisfarbe generieren wie Tailwind CSS. HEX, RGB und CSS-Variablen kopieren.

Farbverlauf-Paletten-Generator

Gleichmäßige RGB-Farbverläufe zwischen zwei Farben mit 3–20 Schritten. HEX, CSS linear-gradient oder Tailwind-Array kopieren.

Farbkontrast-Analysator

WCAG-2.1-Kontrastverhältnisse prüfen. Bestanden/Nicht bestanden für AA und AAA — plus automatische Vorschläge und Live-Textvorschau.

Farbblindheits-Simulator

Bild hochladen und sehen, wie es bei Protanopie, Deuteranopie, Tritanopie und Achromatopsie aussieht.

Online-Farbwähler — HEX, RGB & HSL

Wählen Sie visuell jede Farbe mit einem Canvas-basierten HSV-Wähler. Exportieren Sie als HEX, RGB oder HSL.