Zu Hauptinhalten gehen

Terrakotta

Alles, was du über Terrakotta wissen musst, um dein nächstes Design zu inspirieren.

Farbpalette abrufen

Wähle eine Farbe aus

Hex

RGB

HSB

HSL

Paletteneinstellungen wählen

Benutzerdefinierte Paletten

Terrakotta ist ein satter orange-brauner Farbton, der an gebrannten Ton erinnert und eine warme, erdige Qualität besitzt. Auf dem Farbkreis trifft er auf Rot und Gelb, was ihm ein helles Sommergefühl verleiht.

color Terrakottacolor Terrakotta

Terrakotta wird durch folgende Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.

- HEX-Code: #E35336

- RGB-Wert: 89 % Rot, 32,5 % Grün und 21,2 % 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, Terrakotta in deinen Designs zu nutzen:

  • Setze Akzente. Verwende Terrakotta sparsam, um wichtige Elemente wie CTA-Buttons und Texte mit wesentlichen Informationen hervorzuheben.
  • Verbessere Lesbarkeit und Barrierefreiheit. Terrakotta kann Kontraste zwischen Texten und Hintergründen schaffen, was das Lesen erleichtert, ohne die Augen zu belasten.
  • Rufe positive Emotionen hervor. Die Lebendigkeit und Fülle von Terrakotta kann ansteckend wirken. Nutze eine Terrakotta-Farbpalette, um Nutzer zu motivieren und zur Aktion zu bewegen.

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 Farbspektrums wie Terrakotta, ziehe folgende Farben in Betracht:

  • Zinnober (#E84B3D) ist eine Mischung aus Rot und Orange, der die Brauntöne von Terrakotta fehlen.
  • Rotorange (#FF4B33) teilt Terrakottas Orange- und Rottöne, tendiert aber mehr zu Rot.
  • Zimt (#D47E30) ist ein lebendiger Braunton mit roten und orangenen Untertönen.

Um Terrakotta zu ergänzen, kombiniere es mit:

  • Türkis (#40E0D0) ergänzt Terrakotta, ohne es zu überstrahlen.
  • Champagner (#F7E6CA) und Terrakotta werden oft in der spanischen Kolonialarchitektur kombiniert.
  • Khaki (#D5C58A) vermittelt ein Gefühl von Komfort und Erdung, wenn es mit Terrakotta kombiniert wird.
  • Königsblau (#305CDE) ist ein brillanter Farbton, der einen klassischen und eleganten Kontrast zu Terrakotta schafft.

Weitere Farben, die in Betracht gezogen werden sollten, sind Weiß für eine winterliche Ästhetik, Salbei für eine rustikale Farbpalette und Creme für ein spanisches Missions-Farbschema.

Obwohl Terrakotta kräftig ist, kann es mit folgenden Farben kollidieren:

  • Rose (#FF1D8D) ist ein gesättigtes Pink mit einem blauen Unterton, der mit der erdigen Wärme von Terrakotta kollidiert.
  • Helles Gelb (#FFED29) ist ein stark gesättigtes Gelb, das einen visuell störenden Kontrast zu Terrakotta erzeugt.
  • Puce (#E491A6) ist ein gedämpfter Farbton mit einem leicht kühleren Unterton, der mit den warmen Tönen von Terrakotta kollidieren kann.
  • Mitternachtsblau (#272757) kann eine düstere, unfreundliche Aura erzeugen, wenn es mit Terrakotta kombiniert wird.
  • Neongrün (#2CFF05) kann den gedämpfteren Ton von Terrakotta überstrahlen.

Terrakotta steht für Gelassenheit und Erdung. Diese Farbe hat eine beruhigende Wirkung, die den Betrachter entspannen kann. Sie kann auch ein Gefühl der Wertschätzung für erdige, natürliche Schönheit fördern.

In der Farbpsychologie ruft Terrakotta Gefühle von Fürsorge und Schutz hervor. Die Ähnlichkeit von Terrakotta mit gebranntem Ton und natürlichem Boden verleiht ihm eine erdige Verbindung, die ein Gefühl von Stabilität, Erdung und Sicherheit schafft.

Im UI-Design kann Terrakotta ein Katalysator für Aktionen sein. Die Einbindung dieser Farbe in Webseiten kann ein willkommenes Gefühl von Energie und Aufregung hinzufügen. Erwäge, diese Farbe in Fitness-, Gesundheits- und Reise-Apps zu verwenden.

Terrakotta, eine Art tonbasierte Keramik, ist in fast jeder Region der Welt reichlich vorhanden und das seit vielen Jahrhunderten. Eine der frühesten und bekanntesten Verwendungen dieser einzigartigen Farbe ist die Terrakotta-Armee von Kaiser Qin Shi Huang. Historiker schätzen, dass über 8 000 Terrakotta-Soldatenstatuen im Jahr 248 v. Chr. gebaut wurden, um mit dem Kaiser nach seinem Tod im Jahr 210 v. Chr. begraben zu werden.

Mehr als ein Jahrtausend später neigten die Spanier zu Terrakotta-Farbschemata. Terrakotta-Boden- und Dachziegel sind in spanischen Kolonialstil-Häusern reichlich vorhanden. Als die Konquistadoren Land von indigenen Völkern in Amerika eroberten, bauten sie zahlreiche Missionen, die diese Farbe prominent verwendeten.

In der zeitgenössischen Kunstwelt bleibt Terrakotta eine beliebte Farbe unter Künstlern aller Grenzen. Terrakotta-Farbschemata werden häufig in Wandkunst, Wohnkultur, moderner Mode und Firmenlogos eingesetzt.

Farbvarianten

Schattierungen

Tönungen

Töne

Farbtöne

Farbharmonien

Komplementär

Gespalten

Monochromatisch

Analog

Triadisch

Quadratisch

Eigene Paletten

Ziegelstein

Terrakotta-Terrasse

Eklektische Affäre

Kontrastprüfer

Kontrast 3,78

Großer Text

#E35336

Normaler Text

Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.

Das ist #E35336 Text auf einem #FFFFFF Hintergrund.
Kategorie
Fehlgeschlagen
Fehlgeschlagen
Bestanden
Fehlgeschlagen
Bestanden
Fehlgeschlagen

Kontrast 5,56

Großer Text

#E35336

Normaler Text

Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.

Das ist #E35336 Text auf einem #000000 Hintergrund.
Kategorie
Bestanden
Fehlgeschlagen
Bestanden
Bestanden
Bestanden
Bestanden

Farbsimulationen

Protanopie

Deuteranopie

Tritanopie

Achromatopsie

Die hexadezimale Farbe #e35336, bekannt als Terrakotta, hat die RGB-Werte R:227, G:83, B:54 und die CMYK-Werte C:0, M:63, Y:76, K:11.

VALUECSS
HEX#e35336#e35336
RGB DECIMAL227, 83, 54RGB(227,83,54)
RGB PERCENTAGE89.0, 32.5, 21.2RGB(89.0%,32.5%,21.2%)
CMYK0, 63, 76, 11
HSLHSL(10.1, 75.5%, 55.1%)HSL(10.1, 75.5%, 55.1%)
HSV (OR HSB)10.1°, 76.2, 89.0
WEB SAFE#20410251#20410251
BINARY11100011, 01010011, 00110110
iOS - SwiftUIColor(red: 0.890, green: 0.325, blue: 0.212)
iOS - UIKitUIColor(red: 0.890, green: 0.325, blue: 0.212, alpha: 1)
Android - ComposeColor(0xFFE35336)
Farbpalette abrufen