Zu Hauptinhalten gehen

Opal

Alles, was du über Opal 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

Die Farbe Opal ist ein schimmernder, beruhigender Ton, der sich zwischen Grün und Blau auf dem Farbkreis befindet. Sein Farbspiel kann auch Nuancen von Rosa und Lila enthalten. Dieser opaleszierende, mehrfarbige Farbton verleiht Designs eine verträumte Note und ist ideal, um ruhige und verspielte Atmosphären zu schaffen. Verwende ihn in beruhigenden Räumen.

color Opalcolor Opal

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

  • Hex-Code: #A8C3BC
  • RGB-Wert: 65,9 % Rot, 76,5 % Grün, 73,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 Opal, ziehe folgende Farben in Betracht:

  • Türkis (#40E0D0): Türkis verkörpert die beruhigende Anziehungskraft des Wassers und bietet einen hellen und erfrischenden Ton, der die schimmernden Eigenschaften und das Farbspiel von Opal widerspiegelt.
  • Aqua (#00FFF0): Aqua bietet ein ruhiges und klares Erscheinungsbild, das mit den leichten und durchscheinenden Eigenschaften von Opal übereinstimmt und ein Gefühl von Klarheit und Reinheit hervorruft.
  • Tiffany Blau (#81D8D0): Tiffany Blau strahlt eine elegante und verträumte Atmosphäre aus, ähnlich dem weichen, opaleszierenden Glanz von Opal, der Eleganz und subtile Farbvariationen widerspiegelt.
  • Meerschaum (#8DDCDC): Meerschaum fängt eine sanfte, küstennahe Essenz mit seinem leichten und luftigen Ton ein, der an das mehrfarbige Schimmern im Farbspiel von Opal erinnert.

Um Opal zu ergänzen, kombiniere es mit:

  • Marineblau (#000080): Die Tiefe von Marineblau bietet einen markanten Kontrast zu den helleren Tönen von Opal und schafft eine ausgewogene und elegante Palette, die an die Dämmerung gegen den schimmernden, kostbaren Charme von Opal erinnert.
  • Pfirsich (#FFD3AC): Pfirsich bringt Wärme und Sanftheit ein und verstärkt die sanften, opaleszierenden Eigenschaften von Opal, ohne dessen Farbspiel zu überlagern.
  • Hellgelb (#FFFFC5): Dieser hellgelbe Farbton spiegelt die Helligkeit und subtilen Regenbogenfarben von Opal wider und bietet eine aufmunternde und fröhliche Kombination.
  • Mintgrün (#ADEBB3): Die frische, beruhigende Ausstrahlung von Mintgrün verstärkt den ätherischen Aspekt von Opal und erzeugt eine ruhige und harmonische Atmosphäre.

Während Opal für sein faszinierendes Farbspiel bekannt ist, kann es mit folgenden Farben im Kontrast stehen:

  • Leuchtendes Orange (#FF991C): Die hohe Energie von leuchtendem Orange kann die zarte, mehrfarbige Natur von Opal überwältigen und zu einer visuell unausgewogenen Mischung führen.
  • Chartreuse (#CCFF00): Die neonartige Helligkeit von Chartreuse kann die weicheren, subtileren Töne von Opal überstrahlen und einen störenden Kontrast erzeugen.
  • Dunkles Lila (#341539): Der tiefe und intensive Farbton von dunklem Lila kann die helleren Töne von Opal verblassen lassen und weniger lebendig erscheinen lassen.
  • Elektrisches Blau (#00F0FF): Die lebendige Intensität von elektrischem Blau konkurriert mit der durchscheinenden und wandelbaren Qualität von Opal und stört dessen harmonische Anziehungskraft.
  • Scharlachrot (#ED2100): Die kräftige Wärme von Scharlachrot könnte mit dem kühleren, helleren Spektrum von Opal kollidieren und die Mischung visuell angespannt und hart wirken lassen.

Farbvarianten

Schattierungen

Tönungen

Töne

Farbtöne

Farbharmonien

Komplementär

Gespalten

Monochromatisch

Analog

Triadisch

Quadratisch

Eigene Paletten

Serene Canopy

Soft Harmony

Tranquil Retreat

Kontrastprüfer

Kontrast 1,88

Großer Text

#A8C3BC

Normaler Text

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

Das ist #A8C3BC Text auf einem #FFFFFF Hintergrund.
Kategorie
Fehlgeschlagen
Fehlgeschlagen
Fehlgeschlagen
Fehlgeschlagen
Fehlgeschlagen
Fehlgeschlagen

Kontrast 11,2

Großer Text

#A8C3BC

Normaler Text

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

Das ist #A8C3BC Text auf einem #000000 Hintergrund.
Kategorie
Bestanden
Bestanden
Bestanden
Bestanden
Bestanden
Bestanden

Farbsimulationen

Protanopie

Deuteranopie

Tritanopie

Achromatopsie

Die hexadezimale Farbe #A8C3BC, bekannt als Opal, hat die RGB-Werte R:168, G:195, B:188 und die CMYK-Werte C:14, M:0, Y:4, K:24.

VALUECSS
HEX#A8C3BC#A8C3BC
RGB DECIMAL168, 195, 188RGB(168,195,188)
RGB PERCENTAGE65.9, 76.5, 73.7RGB(65.9%,76.5%,73.7%)
CMYK14, 0, 4, 24
HSLHSL(164.4, 18.4%, 71.2%)HSL(164.4, 18.4%, 71.2%)
HSV (OR HSB)164.4°, 13.8, 76.5
WEB SAFE#153204204#153204204
BINARY10101000, 11000011, 10111100
iOS - SwiftUIColor(red: 0.659, green: 0.765, blue: 0.737)
iOS - UIKitUIColor(red: 0.659, green: 0.765, blue: 0.737, alpha: 1)
Android - ComposeColor(0xFFA8C3BC)
Farbpalette abrufen