
Figma Farbkreis
Möchtest du die perfekten komplementären oder analogen Farben finden, die zu Orange passen?
Zu Hauptinhalten gehen
Alles, was du über Orange wissen musst, um dein nächstes Design zu inspirieren.
Die Farbe Orange liegt als lebendige Sekundärfarbe zwischen Rot und Gelb auf dem Farbkreis. In der richtigen Umgebung vermittelt sie ein Gefühl von Verspieltheit und Aufregung. Du kannst hellere, fröhliche Orangetöne erzeugen, indem du mehr Gelb hinzufügst, oder ein dunkleres, intensiveres Orange, indem du mehr Rot hinzufügst.

Um Konsistenz über verschiedene Plattformen und Geräte hinweg zu gewährleisten, verwende die spezifischen Farbcodes für Orange.
Barrierefreiheit spielt eine entscheidende Rolle bei der Farbwahl im UX- und UI-Design. Die Figma-Community bietet Plugins an, mit denen du sicherstellen kannst, dass deine Designs den Web Content Accessibility Guidelines entsprechen.
Hier sind einige Möglichkeiten, wie du Orange in deinen Designs verwenden kannst:
Bedenke, dass Farbe und ihre Bedeutung je nach Kultur und Kontext variieren können. Wenn du für ein internationales Publikum gestaltest, informiere dich über die Farbsymbolik in den jeweiligen Regionen.
Für Variationen innerhalb des gleichen energetischen Spektrums wie Orange, ziehe in Betracht:
Orange harmoniert wunderbar mit Farbpaletten, die seine Lebendigkeit verstärken oder abschwächen, wie tiefes Blau oder neutrale Cremetöne. Um Orange zu ergänzen, ziehe in Betracht, es mit folgenden Farben zu kombinieren:
Helle Akzente wie Türkis oder Lila schaffen ebenfalls kühne Farbpaletten mit Orange. Während sie mehr auffallen, fügen diese Farben einen Energieschub hinzu und betonen die Verspieltheit von Orange.
Obwohl Orange hell und kräftig ist, kann es mit folgenden Farben kollidieren:
Die lebendige Energie von Orange fängt den Geist der Begeisterung ein und steht für Freundschaft, Glück und sogar Wohlstand. In verschiedenen Kulturen hat Orange unterschiedliche Bedeutungen. In der griechischen Mythologie repräsentierten Götter, die in Orange gekleidet waren, oft Unsterblichkeit, während in östlichen Religionen wie Hinduismus und Buddhismus Orange als heilige Farbe verehrt wird.
Farbpsychologen assoziieren Orange oft mit Emotionen und Einstellungen, die zu Handlungen oder Optimismus anregen. Dazu gehört die Förderung von Kreativität, Selbstausdruck und einem Gefühl von Verspieltheit.
Im UI-Design wird Orange häufig verwendet, um durch CTA-Buttons zu Aktionen zu ermutigen, Warnungen oder Alarme zu vermitteln und wichtige Informationen hervorzuheben. Seine lebendige Energie verleiht einen freundlichen und kreativen Eindruck, was es zu einer beliebten Wahl für Marken mit ähnlichen Identitäten macht, wie Dunkin’ Donuts oder Reese’s.
Das Wort „Orange“ leitet sich vom altpersischen Wort „nārang“ ab, das sich auf die bittere Orangenfrucht bezieht. Das englische Wort „orange“ tauchte ebenfalls im 12. Jahrhundert auf und wurde wahrscheinlich vom französischen Wort „orenge“ abgeleitet.
Diese intensive Farbe war ein Favorit unter Künstlern wie Vincent van Gogh. Du kannst Darstellungen von Orange in einer Vielzahl seiner Gemälde finden.
Orange hatte einen weiteren Durchbruch im 20. Jahrhundert, als es hauptsächlich für theatralische Bühnendekorationen und Kostümverzierungen verwendet wurde. Sobald der Farbstoff kommerziell verfügbarer wurde, wurde er mit Erschwinglichkeit und Fröhlichkeit assoziiert.
Schattierungen
Tönungen
Töne
Farbtöne
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Citrus Infusion
Celestial Citrine
Phoenix Rising
Kontrast 1,97
#FFA500
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Fehlgeschlagen | Fehlgeschlagen | |
Fehlgeschlagen | Fehlgeschlagen | |
Fehlgeschlagen | Fehlgeschlagen |
Kontrast 10,63
#FFA500
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Bestanden | Bestanden | |
Bestanden | Bestanden | |
Bestanden | Bestanden |
Protanopie
Deuteranopie
Tritanopie
Achromatopsie
Die hexadezimale Farbe #ffa500, bekannt als Orange, hat die RGB-Werte R:255, G:165, B:0 und die CMYK-Werte C:0, M:35, Y:100, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ffa500 | #ffa500 |
| RGB DECIMAL | 255, 165, 0 | RGB(255,165,0) |
| RGB PERCENTAGE | 100.0, 64.7, 0.0 | RGB(100.0%,64.7%,0.0%) |
| CMYK | 0, 35, 100, 0 | |
| HSL | HSL(38.8, 100.0%, 50.0%) | HSL(38.8, 100.0%, 50.0%) |
| HSV (OR HSB) | 38.8°, 100.0, 100.0 | |
| WEB SAFE | #2551530 | #2551530 |
| BINARY | 11111111, 10100101, 00000000 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.647, blue: 0.000) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.647, blue: 0.000, alpha: 1) | |
| Android - Compose | Color(0xFFFFA500) |

Möchtest du die perfekten komplementären oder analogen Farben finden, die zu Orange passen?

Erfahre mehr über die Farbe Pfirsich.

Erlebe die kühne Intensität von Rotorange.