HTML-Farbcode-Generator

Wähle eine Farbe aus und erhalte die Farbcodes in HEX, RGB und HSL.

So verwendest du den Color Picker:

  1. Farbe auswählen: Verwende den Farbwähler, um deine gewünschte Farbe auszuwählen (Standard ist Rot #FF0000).
  2. HEX-Code: Gib den HEX-Code manuell ein oder bearbeite ihn (z. B. #00FF00 für Grün). Muss im Format #RRGGBB vorliegen.
  3. RGB-Code: Sieh dir die RGB-Werte an oder verwende sie (z. B. 0, 255, 0) – sie werden automatisch aktualisiert.
  4. HSL-Code: Sieh dir die HSL-Werte an oder verwende sie (z. B. 120, 100 %, 50 %) – auch diese werden automatisch aktualisiert.
  5. Farbvorschau: Eine Vorschau der ausgewählten Farbe erscheint im Quadrat darunter.
  6. Codes kopieren: Klicke auf „Codes kopieren“, um alle Codes (HEX, RGB, HSL) in die Zwischenablage zu kopieren.

Nachdem du die Codes kopiert hast, kannst du sie überall in deinen Projekten einfügen!

Talk to an expert

Let's have a chat