Hergestellt in 03/27/2026 21:09
  11

Mobile First Responsive UI Bayesian Layout Colors

  • Layout Blue
    #3a86ff
  • Grid Gray
    #ced4da
  • Highlight Yellow
    #ffd166
  • Accent Coral
    #ff6b6b
  • Background Ivory
    #fff8e7
  • Text Dark
    #1c1c1c
  • Focus Mint
    #06d6a0
Loading...
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Layout Blue #3a86ff und Background Ivory #fff8e7. Palette hat Farbtemperatur Kalt, Warm, Neutral.

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

Die Sättigung wirkt insgesamt lebhaft (höhere 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): #06D6A0, #1C1C1C, #3A86FF, #CED4DA, #FF6B6B, #FFD166, #FFF8E7

Die Palette Mobile First Responsive UI Bayesian Layout Colors enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #3a86ff, RGB: (58, 134, 255); VERHEXEN: #ced4da, RGB: (206, 212, 218); VERHEXEN: #ffd166, RGB: (255, 209, 102)
VERHEXEN: #ff6b6b, RGB: (255, 107, 107); VERHEXEN: #fff8e7, RGB: (255, 248, 231); VERHEXEN: #1c1c1c, RGB: (28, 28, 28)
VERHEXEN: #06d6a0, RGB: (6, 214, 160)
Vereinfachte Version der Palettenfarben
Schatten von dodgerblue, Farbton von lightgrey, Schatten von gold, Farbton von salmon, Schatten von oldlace, Schatten von Schwarz, Farbton von mediumaquamarine
Farbschema wurde erstellt von bad_colors

Farbcodes in der Palette

Mobile First Responsive UI Bayesian Layout Colors Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe VERHEXEN RGB Name alternativer Name
#3a86ff #3a86ff RGB(58, 134, 255)Layout Blue
#ced4da #ced4da RGB(206, 212, 218)Grid Gray
#ffd166 #ffd166 RGB(255, 209, 102)Highlight Yellow
#ff6b6b #ff6b6b RGB(255, 107, 107)Accent Coral
#fff8e7 #fff8e7 RGB(255, 248, 231)Background IvoryCosmic Latte
#1c1c1c #1c1c1c RGB(28, 28, 28)Text DarkGray11
#06d6a0 #06d6a0 RGB(6, 214, 160)Focus Mint

Farbpalette Kontrast

11 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Tekst kleur Achtergrond kleur contrast ratio
#3a86ff
#ff6b6b
1.25
#3a86ff
#06d6a0
1.84
#ced4da
#ffd166
1.03
#ced4da
#ff6b6b
1.85
#ced4da
#fff8e7
1.41
#ced4da
#06d6a0
1.26

Bildpalette Mobile First Responsive UI Bayesian Layout Colors png

Loading...
Loading...