Farbkonvertierung
#77c5db
Variationen
Ziel dieses Abschnitts ist es, Töne (reines Weiß hinzugefügt) und Schattierungen (reines Schwarz hinzugefügt) deiner ausgewählten Farbe in 10%-Schritten genau zu erzeugen.
Profi-Tipp: Verwende Schattierungen für Hover-Zustände und Schatten, Töne für Highlights und Hintergründe.
Schattierungen
Dunklere Variationen, die durch Hinzufügen von Schwarz zu deiner Basisfarbe erstellt werden.
Töne
Hellere Variationen, die durch Hinzufügen von Weiß zu deiner Basisfarbe erstellt werden.
Häufige Anwendungsfälle
- • UI-Komponenten-Zustände (Hover, aktiv, deaktiviert)
- • Tiefe mit Schatten und Highlights erzeugen
- • Konsistente Farbsysteme aufbauen
Designsystem-Tipp
Diese Variationen bilden die Grundlage einer kohärenten Farbpalette. Exportiere sie, um Konsistenz in deinem gesamten Projekt zu gewährleisten.
Farbkombinationen
Jede Harmonie hat ihre eigene Stimmung. Verwende Harmonien, um Farbkombinationen zu brainstormen, die gut zusammenpassen.
So verwendest du es
Klicke auf eine beliebige Farbe, um ihren Hex-Wert zu kopieren. Diese Kombinationen sind mathematisch bewiesen, um visuelle Harmonie zu schaffen.
Warum es wichtig ist
Farbharmonien schaffen Balance und rufen spezifische Emotionen in deinen Designs hervor.
Komplementär
Eine Farbe und ihr Gegenüber auf dem Farbkreis, +180 Grad Farbton. Hoher Kontrast.
Gesplittet-komplementär
Eine Farbe und zwei angrenzende zu ihrem Komplementär, +/-30 Grad Farbton vom Wert gegenüber der Hauptfarbe. Kühn wie ein direktes Komplementär, aber vielseitiger.
Triadisch
Drei Farben gleichmäßig entlang des Farbkreises verteilt, jeweils 120 Grad Farbton auseinander. Am besten eine Farbe dominieren lassen und die anderen als Akzente verwenden.
Analog
Drei Farben mit gleicher Leuchtkraft und Sättigung, deren Farbtöne auf dem Farbkreis benachbart sind, 30 Grad auseinander. Sanfte Übergänge.
Monochromatisch
Drei Farben mit demselben Farbton und Leuchtkraftwerten von +/-50%. Subtil und raffiniert.
Tetradisch
Zwei Sätze von Komplementärfarben, getrennt durch 60 Grad Farbton.
Grundlagen der Farbtheorie
Balance
Verwende eine dominante Farbe, unterstütze mit sekundären und setze Akzente sparsam.
Kontrast
Sorge für ausreichenden Kontrast für Lesbarkeit und Zugänglichkeit.
Harmonie
Farben sollten zusammenarbeiten, um ein einheitliches visuelles Erlebnis zu schaffen.
Farbkontrastprüfer
Teste Farbkombinationen, um sicherzustellen, dass sie den WCAG-Zugänglichkeitsstandards für Textlesbarkeit entsprechen.
Textfarbe
Hintergrundfarbe
Kontrast
WCAG-Standards
Erweiterter Kontrastprüfer
Feinabstimmung mit Schiebereglern, mehreren Vorschauen & mehr
Jeder ist ein Genie. Aber wenn du einen Fisch danach beurteilst, ob er auf einen Baum klettern kann, wird er sein ganzes Leben glauben, dass er dumm ist.
Technische Formate
Praktische Formate
Farbanalyse
Blindheitssimulator
Kreative Aspekte
Häufig gestellte Fragen
- Welche Farbe ist #77C5DB?
- #77C5DB ist Nordisches Fjordlicht – Ein klarer, kühler Cyan-Ton mit leichter Grün-Note und hoher Leuchtkraft, der an flaches, sauberes Wasser erinnert. Er vermittelt eine frische Ruhe mit einem Hauch von Erwachen und Gelassenheit.
- Was symbolisiert Nordisches Fjordlicht?
- Sauberkeit/ Hygiene, Neuanfang, Klarheit im Denken, Respekt vor Natur/ Wasser, Moderner Optimismus. Im Westen assoziiert man Cyan-Töne mit Wasser, Gesundheit und Technologie; in Japan stehen klare Blau-Grün-Töne oft für Reinheit und Präzision; in karibischen/insel-kulturen symbolisiert ein ähnlicher Ton tropische Gewässer und Erneuerung. Die Nuance wird global überwiegend positiv interpretiert, mit regionalen Betonungen auf Reinheit (Asien) oder Erholung (Küstenregionen).
- Wo wird Nordisches Fjordlicht im Design eingesetzt?
- In Räumen und Interfaces senkt diese Nuance Anspannung und fördert konzentrierte Aufmerksamkeit durch ihre kühle Reinheit. Gleichzeitig wirkt sie belebend genug, um Räume oder Screens frisch und zugänglich erscheinen zu lassen.
- Welche Farben passen gut zu Nordisches Fjordlicht?
- Nordisches Fjordlicht harmoniert gut mit #883A24, #77DBA5, #7796DB. #883A24: Komplementär: das warme, gebrannte Orange schafft starken, augenfälligen Kontrast für Akzente (Komplementärkontrast).. #77DBA5: Analog: ein sanfter, grünlicher Ton für harmonische Abstufungen und subtile Tiefe (Analoges Farbschema).. #7796DB: Analog/Segment: kühleres Blauviolett ergänzt die kühle Seite des Farbtons und erweitert die Palette Richtung Blau ohne Spannung zu erzeugen..
- Wie beeinflusst Nordisches Fjordlicht die Stimmung?
- Beruhigte Frische mit offener Freundlichkeit Erzeugt primär ein Gefühl von Frische und verlässlicher Gelassenheit. Wichtige Eigenschaften: Klarheit, Vertrauen, Erneuerung, Frische, Sachlichkeit.
- Welche Branchen verwenden Nordisches Fjordlicht?
- Nordisches Fjordlicht wird häufig in den Bereichen Wellness & Spa, Gesundheitstechnik (MedTech), Outdoor- & Wassersport-Ausrüstung verwendet. Es passt zu Markenarchetypen wie Der Heiler, Der Entdecker.
- Was ist die Geschichte von Nordisches Fjordlicht?
- Helle Cyan- bis Türkistöne haben eine lange Vorläufergeschichte: frühe Annäherungen entstanden durch mineralische Pigmente wie azuritische und kupferbasierte Verbindungen, die in der Antike und im Mittelalter für blau-grüne Farbmischungen genutzt wurden. Solche Nuancen waren selten rein und schwankten je nach Herkunft des Minerals und Bindemittel.
- Wie verwendet man Nordisches Fjordlicht im Design?
- Balance zwischen Frische und Anker: kombinieren Sie klare, helle Flächen mit mindestens einem dunklen, warmen oder neutralen Gegengewicht. Best Practices: Setzen Sie #77C5DB als große Flächenfarbe und nutzen Sie 883A24 für hervorgehobene CTAs (Komplementärakzent).; Kombinieren Sie mit matten Neutralen (EAE6E4) und dunklen Grautönen für Barriere-freundliche Typografie.; Verwenden Sie subtile Verläufe von #77C5DB zu 77DBA5 für Hintergrundtexturen, um Tiefe ohne Ablenkung zu schaffen..
- Ist Nordisches Fjordlicht barrierefrei?
- Kontrastverhältnis auf Weiß: 1.95:1, auf Schwarz: 10.79:1. Erfüllt WCAG AA für normalen und großen Text.