Rot ist eine kraftvolle und lebendige Nuance, die zwischen Orange und Violett auf dem Farbkreis liegt. Als eine der drei Grundfarben im RGB-Farbraum kann Rot nicht durch Mischen anderer Farben erzeugt werden. Stattdessen werden andere Farben aus Rot abgeleitet. Dazu gehören tiefere Töne wie Bordeaux und Burgunder bis hin zu weicheren Schattierungen wie Rosenrot.

Rot wird durch folgende Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- HEX-Code: #FF2C2C
- RGB-Wert: 100 % Rot, 17,3 % Grün und 17,3 % Blau
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, Rot in deinen Designs zu verwenden:
- Aktionen fördern. Nutze Rot für Warnungen, Fehlermeldungen oder Call-to-Action-Buttons. Die Farbe erzeugt ein Gefühl der Dringlichkeit und ermutigt Nutzer, mit Elementen zu interagieren oder Maßnahmen zu ergreifen.
- Emotionale Reaktionen auslösen. Rot kann starke Emotionen wie Leidenschaft, Liebe oder Aufregung hervorrufen. Deshalb stehen Rottöne oft für „Likes“ in sozialen Apps.
- Visuelle Hierarchie etablieren. Rot eignet sich hervorragend, um visuelle Hierarchie in Designs zu schaffen, indem es durch seine Intensität die Aufmerksamkeit auf die wichtigsten visuellen Elemente lenkt. So können Betrachter kritische Elemente leichter priorisieren.
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 intensiven Farbspektrums wie Rot, ziehe folgende Farben in Betracht:
- Rotorange (#FF4B33) teilt die gleiche Lebendigkeit wie Rot, aber der Hauch von Orange fügt etwas mehr Helligkeit hinzu.
- Scharlachrot (#ED2100) kombiniert Rot und Orange, tendiert aber mehr zu Rot für eine kräftige und raffinierte Nuance.
- Pastellrot (#FF746C) ist ein träumerischer, gedämpfter Rotton, der eine sanfte Note hinzufügt.
- Rosenrot (#FA003F) ist ein weicher Rot-Pink-Ton, der eine ähnliche Nuance wie eine Rose ausstrahlt.
Um Rot zu ergänzen, kombiniere es mit:
- Aqua (#00FFF0) harmoniert wunderschön mit Rot und schafft eine dezente und beruhigende Farbkombination.
- Hellorange (#FFDBBB) schafft eine warme und feurige Farbpalette, wenn es mit Rot kombiniert wird.
- Hellrosa (#FFC5CB) passt gut zu diesem rosigen Ton für romantische und intime Designs.
- Creme (#FDFBD4) ist ein blasser Gelbton, der eine warme und elegante Farbpalette schafft, wenn er mit Rot kombiniert wird.
- Marineblau (#000080) verleiht ein traditionelles, aber dennoch raffiniertes Gefühl, wenn es mit verschiedenen Rottönen verwendet wird.
Andere Farben, die gut zu Rot passen, sind neutrale Töne wie Weiß, Grau, Schwarz und einige Brauntöne. Diese Farben helfen, die Intensität von Rot abzuschwächen und bieten gleichzeitig einen eleganten und modernen Designstil.
Obwohl Rot vielseitig ist, kann es mit folgenden Farben im Kontrast stehen:
- Grün (#008000) und Rot sind Komplementärfarben, aber Betrachter mit Farbsehschwäche haben oft Schwierigkeiten, sie voneinander zu unterscheiden.
- Magenta (#FF00FF) und Rot können visuell überwältigend wirken, wenn sie zusammen verwendet werden, was es schwierig macht, einzelne Designelemente hervorzuheben.
- Neonlila (#BC13FE) kann mit der Lebendigkeit von Rot kollidieren und einen ablenkenden und harten visuellen Effekt erzeugen.
- Gelb (#FFFF00) iststark gesättigt, was neben Rot überwältigend wirken kann.
Laut Farbpsychologie steht Rot für Liebe, Leidenschaft, Stärke und Verlangen. Es kann aber auch Gefühle von Gefahr und Wut hervorrufen. Die Fähigkeit von Rot, eine Vielzahl tiefgreifender Emotionen zu wecken, macht es zu einer so üppigen und besonderen Farbe.
Rot ist eine symbolische Farbe in vielen verschiedenen Kulturen. In der chinesischen und japanischen Kultur steht Rot für Wohlstand, Glück und Freude – deshalb ist es eine so prominente Farbe bei Hochzeiten und Feierlichkeiten. In Indien symbolisiert Rot Reinheit, Fruchtbarkeit und eheliches Glück. Heute ist Rot ein Symbol für Romantik, kann aber auch Warnungen in Designs symbolisieren.
Da Rot viele verschiedene kulturelle Bedeutungen hat, ist es wichtig zu überlegen, wie du die Farbe verwendest, insbesondere wenn du für ein globales Publikum gestaltest.
Obwohl der genaue Ursprung unbekannt ist, haben Etymologen den Namen „Rot“ auf das proto-indoeuropäische Wort „reudh“ zurückgeführt. Viele Variationen des Wortes existierten, bevor es sich im modernen Englisch zu „red“ entwickelte. In vielen verschiedenen Kulturen war es die erste Farbe, die neben Schwarz und Weiß benannt wurde.
Die Farbe Rot reicht bis in prähistorische Zeiten zurück, als frühe Menschen roten Ton als Farbpigment für Höhlen- und Körpermalerei verwendeten. Historisch gesehen hat Rot als kräftige Farbe Blut, Macht, Leben und Reichtum repräsentiert.
Im alten Ägypten symbolisierte Rot Leben und Wiedergeburt, war aber auch mit Zerstörung und Bösem verbunden. Diese auffällige und einprägsame Farbe war – und ist immer noch – in Kunst, Kosmetik und religiösen Zeremonien prominent.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Rote Romanze
Festliche Grüße
Lippenstift-Set
Kontrastprüfer
Kontrast 3,72
- Großer Text
#FF2C2C
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Fehlgeschlagen | Fehlgeschlagen | |
Bestanden | Fehlgeschlagen | |
Bestanden | Fehlgeschlagen |
Kontrast 5,65
- Großer Text
#FF2C2C
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Bestanden | Fehlgeschlagen | |
Bestanden | Bestanden | |
Bestanden | Bestanden |
Farbsimulationen
Protanopie
Deuteranopie
Tritanopie
Achromatopsie
Die hexadezimale Farbe #ff2c2c, bekannt als Rot, hat die RGB-Werte R:255, G:44, B:44 und die CMYK-Werte C:0, M:83, Y:83, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ff2c2c | #ff2c2c |
| RGB DECIMAL | 255, 44, 44 | RGB(255,44,44) |
| RGB PERCENTAGE | 100.0, 17.3, 17.3 | RGB(100.0%,17.3%,17.3%) |
| CMYK | 0, 83, 83, 0 | |
| HSL | HSL(0.0, 100.0%, 58.6%) | HSL(0.0, 100.0%, 58.6%) |
| HSV (OR HSB) | 0.0°, 82.7, 100.0 | |
| WEB SAFE | #2555151 | #2555151 |
| BINARY | 11111111, 00101100, 00101100 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.173, blue: 0.173) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.173, blue: 0.173, alpha: 1) | |
| Android - Compose | Color(0xFFFF2C2C) |


