
Figma Farbkreis
Möchtest du die perfekten komplementären oder analogen Farben finden, die zu Rot passen?
Zu Hauptinhalten gehen
Alles, was du über Rot wissen musst, um dein nächstes Design zu inspirieren.
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.
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:
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:
Um Rot zu ergänzen, kombiniere es mit:
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:
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.
Schattierungen
Tönungen
Töne
Farbtöne
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Rote Romanze
Festliche Grüße
Lippenstift-Set
Kontrast 3,72
#FF2C2C
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
#FF2C2C
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Bestanden | Fehlgeschlagen | |
Bestanden | Bestanden | |
Bestanden | Bestanden |
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) |

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

Erlebe die elegante Ausstrahlung von Rubin.

Entdecke die klassische Eleganz von Marineblau.