Loading...
Hergestellt in 07/23/2025 08:36
  26

Reactive CSS Framework UI Tokens

  • Media Query Navy
    #1b263b
  • StyleSheet Cream
    #fcf5ed
  • Root Coral
    #ff686b
  • Hover White
    #fefefe
  • Token Sky
    #4ea8de
  • Border Slate
    #708090
Loading...
Die Palette besteht aus Dunkel, Licht-Farben. Akzentfarben Root Coral #ff686b und Token Sky #4ea8de. Palette hat Farbtemperatur Kalt, Neutral, Warm.

Nach Helligkeit reicht diese Palette von #1B263B (dunkelstes) bis #FEFEFE (hellstes). Die Helligkeitsspanne ist groß.

Die Sättigung ist gemischt — gedämpfte und lebhafte Farbfelder.

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): #1B263B, #4EA8DE, #708090, #FCF5ED, #FEFEFE, #FF686B

Die Palette Reactive CSS Framework UI Tokens enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #1b263b, RGB: (27, 38, 59); VERHEXEN: #fcf5ed, RGB: (252, 245, 237); VERHEXEN: #ff686b, RGB: (255, 104, 107)
VERHEXEN: #fefefe, RGB: (254, 254, 254); VERHEXEN: #4ea8de, RGB: (78, 168, 222); VERHEXEN: #708090, RGB: (112, 128, 144)
Vereinfachte Version der Palettenfarben
Schatten von midnightblue, Farbton von floralwhite, Farbton von lightcoral, Farbton von Weiss, Schatten von deepskyblue
Farbschema wurde erstellt von raccoon

Farbcodes in der Palette

Reactive CSS Framework UI Tokens Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe VERHEXEN RGB Name alternativer Name
#1b263b #1b263b RGB(27, 38, 59)Media Query Navy
#fcf5ed #fcf5ed RGB(252, 245, 237)StyleSheet Cream
#ff686b #ff686b RGB(255, 104, 107)Root Coral
#fefefe #fefefe RGB(254, 254, 254)Hover WhiteWhite as Heaven
#4ea8de #4ea8de RGB(78, 168, 222)Token Sky
#708090 #708090 RGB(112, 128, 144)Border SlateChain Gang Grey

Farbpalette Kontrast

4 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Tekst kleur Achtergrond kleur contrast ratio
#fcf5ed
#fefefe
1.07
#ff686b
#4ea8de
1.07
#ff686b
#708090
1.43
#4ea8de
#708090
1.54

Bildpalette Reactive CSS Framework UI Tokens png

Loading...
Loading...
Loading...