Koralle wird durch folgende Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- HEX-Code: #FF8559
- RGB-Wert: 100 % Rot, 52,2 % Grün und 34,9 % 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, Koralle in deinen Designs zu verwenden:
- Gefühle der Tropen hervorrufen. Koralle ist ideal für Designs, die ein sommerliches oder tropisches Gefühl vermitteln möchten. Verwende sie für Hintergründe oder Akzente, um eine entspannte Strandatmosphäre zu schaffen.
- Aufmerksamkeit lenken. Die lebendige Natur von Koralle macht sie zur perfekten Wahl für Benachrichtigungen und Call-to-Action-Elemente wie Buttons und wichtige Warnungen.
- Navigation verbessern. Nutze Koralle für Hover-Effekte, um klar zu zeigen, wo sich der Cursor des Nutzers auf dem Bildschirm befindet. Ihre leuchtende Energie hilft, die Nutzer auf dem richtigen Weg zu halten.
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 angenehmen, energetischen Spektrums wie Koralle, ziehe folgende Farben in Betracht:
- Rosa (#FF8DA1) liegt neben Koralle auf dem Farbkreis, bietet jedoch stärkere Roteinflüsse.
- Lachs (#FA8072) ähnelt Koralle, hat aber einen deutlichen Orangeton, der ihm eine weichere, freundliche Ausstrahlung verleiht.
- Mandarine (#FFA800) ist perfekt für eine energetischere Palette und bietet einen rötlich-orangen Hauch von Vitalität.
- Melone (#FFA62F) liegt im gleichen Bereich des Farbkreises wie Koralle und bietet ein ähnliches Gefühl mit zusätzlichen Orangetönen.
Um Koralle zu ergänzen, kombiniere sie mit:
- Himmelblau (#007BA7) schafft einen entspannten Kontrast, indem es die Lebendigkeit von Koralle ergänzt.
- Marineblau (#000080) hat einen tiefen, kühlen Ton, der gut mit der warmen Erscheinung von Koralle harmoniert.
- Taupe (#54463A) ist eine neutrale Farbe, die als dezenter Hintergrund mit der Lebendigkeit von Koralle gut funktioniert.
- Lavendel (#D3D3FF) ist eine weiche, beruhigende Farbe, die die lebendige Erscheinung von Koralle ergänzt und ein Gefühl von Luxus hinzufügt.
- Schokolade (#7B3F00) ist ein tiefes, erdiges Braun mit einem warmen Ton, der Koralle ergänzt.
Weitere Farben, die in Betracht gezogen werden sollten, sind Himmelblau und Türkis, die einen entspannenden Kontrast bieten. Elfenbein und Schwarz können ebenfalls Gefühle von Wärme oder Kühnheit hinzufügen.
Während Koralle warm und lebendig ist, kann sie mit folgenden Farben im Kontrast stehen:
- Limettengrün (#89F336) ist zwar lebendig wie Koralle, aber ihre Untertöne stehen im Kontrast und erzeugen einen störenden Effekt.
- Kastanienbraun (#550000) hat einen tiefen Rotton ähnlich wie Koralle, aber der fehlende Kontrast erzeugt ein trübes Erscheinungsbild.
- Pastellgelb (#FFEE8C) hat einen gedämpften Ton, der neben Koralle ausgewaschen wirken kann und einen flachen Effekt erzeugt.
- Waldgrün (#2E6F40) ist ein tiefer Farbton, der leicht die natürliche Lebendigkeit von Koralle überwältigen und minimieren kann.
Koralle steht für tropische Umgebungen und ein Gefühl von Ruhe und Entspannung. Ihr warmer Farbton deutet auch auf Verspieltheit hin, während ihre Verbindung zu Korallenriffen Vitalität und Wachstum symbolisiert.
In der Farbpsychologie ruft Koralle Wärme, Frieden und Gelassenheit hervor, aber ihre lebendige Qualität fördert auch Gefühle von Optimismus und Hoffnung.
Im UI-Design ist Koralle hervorragend geeignet, um Aufmerksamkeit zu erregen, und ideal, um eine Atmosphäre von tropischer Freizeit oder sommerlicher Entspannung zu schaffen. Ihre verspielten Eigenschaften machen sie auch zu einer beliebten Farbe für Kindergestaltungen.
Die Farbe Koralle ist nach den Meereswirbellosen benannt, die Korallenriffe bilden. Das Wort wurde erstmals im 16. Jahrhundert verwendet, um eine Farbe zu beschreiben, als englische Entdecker die lebendigen Farben der Meereskorallen entdeckten.
In östlichen Kulturen wurden die roten Töne des Schattens mit Unsterblichkeit assoziiert, verbunden mit Blut und der regenerativen Natur von Korallenorganismen. Im mittelalterlichen Europa wurde Koralle mit Reichtum assoziiert und aufgrund ihrer Seltenheit und Schönheit zu einer beliebten Wahl für Schmuck. Mediterrane Kulturen, einschließlich der Griechen und Römer, glaubten, dass Koralle vor Bösem schützen könnte.
Im 18. Jahrhundert machten es aus Eisenoxid entwickelte Pigmente einfach, Korallentöne zu reproduzieren, und Künstler nutzten den Ton, um natürliche Anblicke wie Sonnenaufgänge und Sonnenuntergänge darzustellen.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Gewürzmarkt
Straßen von Pamplona
Guave
Kontrastprüfer
Kontrast 2,4
- Großer Text
#FF8559
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Fehlgeschlagen | Fehlgeschlagen | |
Fehlgeschlagen | Fehlgeschlagen | |
Fehlgeschlagen | Fehlgeschlagen |
Kontrast 8,75
- Großer Text
#FF8559
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Bestanden | Bestanden | |
Bestanden | Bestanden | |
Bestanden | Bestanden |
Farbsimulationen
Protanopie
Deuteranopie
Tritanopie
Achromatopsie
Die hexadezimale Farbe #ff8559, bekannt als Koralle, hat die RGB-Werte R:255, G:133, B:89 und die CMYK-Werte C:0, M:48, Y:65, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ff8559 | #ff8559 |
| RGB DECIMAL | 255, 133, 89 | RGB(255,133,89) |
| RGB PERCENTAGE | 100.0, 52.2, 34.9 | RGB(100.0%,52.2%,34.9%) |
| CMYK | 0, 48, 65, 0 | |
| HSL | HSL(15.9, 100.0%, 67.5%) | HSL(15.9, 100.0%, 67.5%) |
| HSV (OR HSB) | 15.9°, 65.1, 100.0 | |
| WEB SAFE | #255153102 | #255153102 |
| BINARY | 11111111, 10000101, 01011001 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.522, blue: 0.349) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.522, blue: 0.349, alpha: 1) | |
| Android - Compose | Color(0xFFFF8559) |



