Hergestellt in 06/30/2025 17:13
  6

Wireframe Lite UX System

  • Paper White
    #ffffff
  • Stroke Charcoal
    #3a3a3a
  • Hint Cyan
    #b8fff9
  • Box Rust
    #d65a31
  • Form Blue Grey
    #90a4ae
  • Active Plum
    #7e5a9b
Loading...
Die Palette besteht aus Licht-Farben. Akzentfarben Hint Cyan #b8fff9 und Box Rust #d65a31. Palette hat Farbtemperatur Neutral, Kalt, Warm.

Nach Helligkeit reicht diese Palette von #3A3A3A (dunkelstes) bis #FFFFFF (hellstes). Die Helligkeitsspanne ist groß.

Die Sättigung wirkt insgesamt eher gedämpft (geringere Chroma).

Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).

In der Gesamttemperatur neigen die Felder zur kalten Seite.

HEX-Codes (sortiert): #3A3A3A, #7E5A9B, #90A4AE, #B8FFF9, #D65A31, #FFFFFF

Die Palette Wireframe Lite UX System enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #ffffff, RGB: (255, 255, 255); VERHEXEN: #3a3a3a, RGB: (58, 58, 58); VERHEXEN: #b8fff9, RGB: (184, 255, 249)
VERHEXEN: #d65a31, RGB: (214, 90, 49); VERHEXEN: #90a4ae, RGB: (144, 164, 174); VERHEXEN: #7e5a9b, RGB: (126, 90, 155)
Vereinfachte Version der Palettenfarben
Weiss, Farbton von darkslategrey, Schatten von paleturquoise, Schatten von orangered, Farbton von darkgrey, Schatten von slateblue
Farbschema wurde erstellt von colorstudio

Farbcodes in der Palette

Wireframe Lite UX System Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe VERHEXEN RGB Name alternativer Name
#ffffff #ffffff RGB(255, 255, 255)Paper WhiteWhite
#3a3a3a #3a3a3a RGB(58, 58, 58)Stroke Charcoal
#b8fff9 #b8fff9 RGB(184, 255, 249)Hint Cyan
#d65a31 #d65a31 RGB(214, 90, 49)Box Rust
#90a4ae #90a4ae RGB(144, 164, 174)Form Blue Grey
#7e5a9b #7e5a9b RGB(126, 90, 155)Active Plum

Farbpalette Kontrast

3 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Tekst kleur Achtergrond kleur contrast ratio
#ffffff
#b8fff9
1.12
#d65a31
#90a4ae
1.51
#d65a31
#7e5a9b
1.4

Bildpalette Wireframe Lite UX System png

Loading...
Loading...