Palette generieren
  1. Farbpaletten
  2. Accessibility-first Web Kit

Accessibility-first Web Kit

  • Text Jet
    #1a1a1a
  • Focus Yellow
    #ffe066
  • Alt Label White
    #ffffff
  • Keyboard Navy
    #0f172a
  • Notify Red
    #ff4b5c
  • Contrast Teal
    #14b8a6
  1
Erstellt am 06/12/2025 08:35
vonpalettespicker
Die Palette besteht aus Dunkel, Hell-Farben. Akzentfarben Focus Yellow #ffe066 und Contrast Teal #14b8a6. Palette hat Farbtemperatur Neutral, Warm, Kalt.

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

Die Sättigung ist gemischt — 2 gedämpfte und 3 lebhafte von 6 Farben.

Einige Farben liegen sich auf dem Farbkreis etwa gegenüber und geben der Palette einen Komplementärkontrast.

Warme und kühle Felder sind ziemlich ausgeglichen (2 warm, 2 kühl).

HEX-Codes (sortiert): #0F172A, #14B8A6, #1A1A1A, #FF4B5C, #FFE066, #FFFFFF

Die Palette Accessibility-first Web Kit kombiniert 6 Farbcodes:
HEX: #1a1a1a, RGB: (26, 26, 26); HEX: #ffe066, RGB: (255, 224, 102); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #0f172a, RGB: (15, 23, 42); HEX: #ff4b5c, RGB: (255, 75, 92); HEX: #14b8a6, RGB: (20, 184, 166)
Vereinfachte Version der Palettenfarben
Aufhellung von Schwarz, Aufhellung von Gold, Weiß, Aufhellung von Schwarz, Aufhellung von Indischrot, Schattierung von Helles Seegrün
Farbschema wurde erstellt von palettespicker

Farbcodes in der Palette

Accessibility-first Web Kit Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe HEX RGB Name alternativer Name
#1a1a1a #1a1a1a RGB(26, 26, 26)Text JetGray10
#ffe066 #ffe066 RGB(255, 224, 102)Focus Yellow—
#ffffff #ffffff RGB(255, 255, 255)Alt Label WhiteWhite
#0f172a #0f172a RGB(15, 23, 42)Keyboard Navy—
#ff4b5c #ff4b5c RGB(255, 75, 92)Notify Red—
#14b8a6 #14b8a6 RGB(20, 184, 166)Contrast Teal—

Farbpalette Kontrast

4 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Textfarbe Hintergrundfarbe Kontrastverhältnis
#1a1a1a
#0f172a
1.02
#ffe066
#ffffff
1.3
#ffe066
#14b8a6
1.9
#ff4b5c
#14b8a6
1.31

Bildpalette Accessibility-first Web Kit png

Accessibility-first Web Kit Farbpalette: Text Jet, Focus Yellow, Alt Label White, Keyboard Navy, Notify Red, Contrast Teal
 Bild herunterladen