Recolorify
Sign inGet started →
DESIGN7 min read· Oct 9, 2026

Orangefarbene Hex-Codes: Alle Orangetöne mit Hex, RGB und CMYK

Orange ist die Farbe von Energie, Wärme und Aufmerksamkeit — deshalb taucht sie so oft auf Kaufen-Buttons, Sportartikeln und Lebensmittelverpackungen auf. In diesem Leitfaden findest du die wichtigsten orangefarbenen Hex-Codes mit RGB-, HSL- und CMYK-Werten. Die meisten Töne stammen direkt aus der CSS-Farbstandardliste, sodass du sie im Webdesign ohne Umrechnung verwenden kannst. Außerdem zeigen wir, wie du ein Produktfoto in einen exakten Orangeton umfärbst, ohne Falten und Schatten zu verlieren.

Orangefarbene Hex-Codes: Alle Orangetöne mit Hex, RGB und CMYK

Die wichtigsten orangefarbenen Hex-Codes

Wenn du nur einen Hex-Code für Orange brauchst: #FFA500 ist das offizielle CSS-Schlüsselwort "orange". Für ein kräftigeres, tieferes Orange ist #FF8C00 ("darkorange") die übliche Alternative.

  • Orange (CSS "orange") — #FFA500 · RGB(255, 165, 0) · HSL(39°, 100%, 50%), das Standard-Weborange.
  • Dunkelorange (CSS "darkorange") — #FF8C00 · RGB(255, 140, 0) · HSL(33°, 100%, 50%), kräftig und satt.
  • Orangerot (CSS "orangered") — #FF4500 · RGB(255, 69, 0) · HSL(16°, 100%, 50%), ein leuchtendes Rotorange.
  • Koralle (CSS "coral") — #FF7F50 · RGB(255, 127, 80) · HSL(16°, 100%, 66%), ein warmes Rosa-Orange.
  • Tomatenrot (CSS "tomato") — #FF6347 · RGB(255, 99, 71) · HSL(9°, 100%, 64%), ein frisches Orange mit Rotstich.
  • Helles Lachs (CSS "lightsalmon") — #FFA07A · RGB(255, 160, 122) · HSL(17°, 100%, 74%), ein weiches Pastellorange.
  • Sandbraun (CSS "sandybrown") — #F4A460 · RGB(244, 164, 96) · HSL(28°, 87%, 67%), ein sandiges, warmes Orange.
  • Pfirsich (CSS "peachpuff") — #FFDAB9 · RGB(255, 218, 185) · HSL(28°, 100%, 86%), ein sehr helles Pfirsichorange für Hintergründe.
  • Schokolade (CSS "chocolate") — #D2691E · RGB(210, 105, 30) · HSL(25°, 75%, 47%), ein dunkles, erdiges Orangebraun.
  • Kupfer — #B87333 · RGB(184, 115, 51) · HSL(29°, 57%, 46%), ein metallisch wirkendes Orangebraun (Maerz und Paul).

Orange in RGB, HSL und CMYK

Ein Hex-Code ist eine Kurzschreibweise für drei RGB-Werte: #FFA500 bedeutet Rot 255, Grün 165 und Blau 0. Je weniger Grün, desto röter wird das Orange — bei Orangerot #FF4500 sind es nur noch 69.

Für Weborange #FFA500 gilt: RGB(255, 165, 0), HSL(39°, 100%, 50%), CMYK(0%, 35%, 100%, 0%). Für Dunkelorange #FF8C00: RGB(255, 140, 0), HSL(33°, 100%, 50%), CMYK(0%, 45%, 100%, 0%). Sehr gesättigte Orangetöne liegen teilweise außerhalb des CMYK-Druckraums und wirken gedruckt etwas matter als am Bildschirm.

Warum ein Hex-Code allein beim Umfärben nicht reicht

Ein Hex-Code legt die Zielfarbe fest, sagt aber nichts über Helligkeit aus. Füllst du ein Kleidungsstück flächig mit #FF8C00, verschwinden Falten und Schatten, und das Ergebnis wirkt wie aufgemalt.

Besser ist das Umfärben im LAB-Farbraum, in dem Helligkeit (L) und Farbe (A und B) getrennt sind. Beispiel: Um ein blaues T-Shirt orange zu färben, behältst du die Helligkeitsverteilung des Fotos und änderst nur die Farbe. In Recolorify wählst du das Objekt aus, fügst den Hex-Code ein und nutzt einen Modus, der Textur oder Schattierung erhält, statt einer flachen Füllung.

Farben, die gut zu Orange passen

  • Orange + Marineblau (#0B1F3A) — der klassische Komplementärkontrast, energisch und doch seriös.
  • Orange + Weiß (#FFFFFF) — klar und modern für Tech und Sport.
  • Orange + Anthrazit (#333333) — selbstbewusst für Buttons und Verpackungen.
  • Orange + Petrol (#008080) — lebendig und verspielt für Lifestyle-Marken.

Orange auf eigene Bilder anwenden

Lege deinen Marken-Orangeton einmal fest (Name, Hex-Code, Einsatzzweck) und färbe jedes Bild auf genau diesen Wert um, statt nach Augenmaß. Mit Recolorify kannst du Kleidung umfärben, ein Produktfoto anpassen oder ein Auto in einer neuen Farbe zeigen, ohne dass Textur und Glanz verloren gehen.

Noch mehr Orangetöne wie Terrakotta, Rost und Kürbis findest du in unserem englischen orange color codes guide.

Weitere deutsche Farbleitfäden: gelbe Hex-Codes, Farbcode Grün und Farbcode Beige.

Häufige Fragen zu orangefarbenen Hex-Codes

Was ist der Hex-Code für Orange? Das CSS-Schlüsselwort "orange" ist #FFA500, also RGB(255, 165, 0).

Was ist der Hex-Code für Dunkelorange? Dunkelorange ("darkorange") ist #FF8C00, also RGB(255, 140, 0).

Was ist der Unterschied zwischen Orange und Orangerot? Orangerot #FF4500 hat deutlich weniger Grün (69 statt 165) und wirkt dadurch fast rot.

Wie färbe ich ein Foto orange, ohne dass es flach aussieht? Behalte die ursprünglichen Lichter und Schatten bei und ändere nur die Farbe. Eine gleichmäßige Füllung mit einem einzigen Hex-Code wirkt immer unnatürlich.