Figma-Farbrad
Möchtest du die perfekten komplementären oder analogen Farben finden, die zu Türkisblau passen?
Türkisblau ist ein beruhigender und lebendiger Farbton, der zwischen Blau und Grün auf dem Farbkreis liegt. Es erinnert an klares Ozeanwasser und verwandte Nuancen wie Aqua und Teal. Verwende es im Design, um eine ruhige und einladende Atmosphäre zu schaffen.
Türkisblau wird durch folgende Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- Hex-Code: #00FFEF
- RGB-Wert: 0,0 % Rot, 100,0 % Grün, 93,7 % 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.
Für Variationen im gleichen Spektrum wie Türkisblau, ziehe folgende Farben in Betracht:
- Aqua (#00fff0): Aqua teilt mit Türkisblau eine ähnliche Blau-Grün-Mischung und steht für die erfrischende Essenz von klarem Wasser.
- Tiffany Blue (#81d8d0): Mit seiner kühlen, eleganten Ausstrahlung bietet Tiffany Blue eine etwas weichere und gedämpftere Version von Türkisblau, die eine raffinierte Eleganz einlädt.
- Seegrün (#2E8B57): Während es mehr Grün enthält, bewahrt Seegrün das ruhige, aquatische Gefühl von Türkisblau und spiegelt die Ruhe maritimer Umgebungen wider.
- Aquamarin (#66f1c2): Aquamarin verkörpert eine leichtere und hellere Perspektive von Türkisblau und kanalisiert die ruhige, durchscheinende Schönheit ozeanischer Töne.
Um Türkisblau zu ergänzen, kombiniere es mit:
- Koralle (#FF8559): Koralle fügt Wärme und Lebendigkeit hinzu und schafft eine lebhafte und auffällige Kombination, die Designs belebt.
- Marineblau (#000080): Marineblau bietet einen starken, erdenden Kontrast, der die Helligkeit von Türkisblau verstärkt und gleichzeitig einen eleganten Look bewahrt.
- Sand (#Cbbd93): Sand bringt einen erdigen, neutralen Ton ein, der die Lebendigkeit von Türkisblau ausgleicht und ein entspanntes, strandinspiriertes Gefühl hervorruft.
- Anthrazit (#4A4A4A): Anthrazit bietet einen modernen, eleganten Kontrast, der Türkisblau zum Strahlen bringt und deiner Palette Tiefe verleiht.
- Zitrone (#FFF700): Zitrone bringt einen hellen, fröhlichen Kontrast ein und schafft eine frische und dynamische Partnerschaft, die die verspielten Untertöne von Türkisblau hervorhebt.
Obwohl Türkisblau lebendig und fesselnd ist, kann es mit folgenden Farben im Kontrast stehen:
- Burgunder (#660033): Burgunder, mit seinem tiefen, dunklen Ton, kann die lebendige Energie von Türkisblau überlagern und eine schwere und unausgeglichene visuelle Spannung erzeugen.
- Orange (#FFA500): Die Kühnheit von Orange kann mit der kühlen und ruhigen Natur von Türkisblau kollidieren, wodurch die Kombination chaotisch und übermäßig kontrastreich wirkt.
- Scharlachrot (#ED2100): Die intensive Wärme von Scharlachrot steht im direkten Gegensatz zur kühlen Ausstrahlung von Türkisblau, was zu einem Konflikt statt einer harmonischen Mischung führt.
- Neonpink (#FF13F0): Das helle und auffällige Erscheinungsbild von Neonpink konkurriert um Aufmerksamkeit mit Türkisblau und erzeugt einen dissonanten und überwältigenden visuellen Effekt.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Tropenglanz
Elektrische Brise
Neon-Lagune
Kontrastprüfer
Kontrast 1,27
- Großer Text
#00FFEF
- 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 16,55
- Großer Text
#00FFEF
- 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 #00FFEF, bekannt als Türkisblau, hat die RGB-Werte R:0, G:255, B:239 und die CMYK-Werte C:100, M:0, Y:6, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #00FFEF | #00FFEF |
| RGB DECIMAL | 0, 255, 239 | RGB(0,255,239) |
| RGB PERCENTAGE | 0.0, 100.0, 93.7 | RGB(0.0%,100.0%,93.7%) |
| CMYK | 100, 0, 6, 0 | |
| HSL | HSL(176.2, 100.0%, 50.0%) | HSL(176.2, 100.0%, 50.0%) |
| HSV (OR HSB) | 176.2°, 100.0, 100.0 | |
| WEB SAFE | #0255255 | #0255255 |
| BINARY | 00000000, 11111111, 11101111 | |
| iOS - SwiftUI | Color(red: 0.000, green: 1.000, blue: 0.937) | |
| iOS - UIKit | UIColor(red: 0.000, green: 1.000, blue: 0.937, alpha: 1) | |
| Android - Compose | Color(0xFF00FFEF) |
