Palette generieren
  1. Farbpaletten
  2. Containerized Interface Design Tokens

Containerized Interface Design Tokens

  • Docker Teal
    #00cfc1
  • Volume Slate
    #6c757d
  • Image Peach
    #ffe0ac
  • Init Container Cream
    #fff6e5
  • Registry Coral
    #f67280
  • Log Graphite
    #1e1e1e
  16
Erstellt am 07/11/2025 21:29
voncolourlock
Die Palette besteht aus Hell, Halbdunkel, Dunkel-Farben. Akzentfarben Docker Teal #00cfc1 und Init Container Cream #fff6e5. Palette hat Farbtemperatur Kalt, Neutral, Warm.

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

Die Sättigung wirkt insgesamt lebhaft (höhere Chroma) — 67% der Farben sind lebhaft.

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

In der Gesamttemperatur neigen die Felder zur warmen Seite (2 von 6).

HEX-Codes (sortiert): #00CFC1, #1E1E1E, #6C757D, #F67280, #FFE0AC, #FFF6E5

Die Palette Containerized Interface Design Tokens kombiniert 6 Farbcodes:
HEX: #00cfc1, RGB: (0, 207, 193); HEX: #6c757d, RGB: (108, 117, 125); HEX: #ffe0ac, RGB: (255, 224, 172)
HEX: #fff6e5, RGB: (255, 246, 229); HEX: #f67280, RGB: (246, 114, 128); HEX: #1e1e1e, RGB: (30, 30, 30)
Vereinfachte Version der Palettenfarben
Schattierung von Mitteltürkis, Schattierung von Schiefergrau, Schattierung von Mokassin, Aufhellung von Alte Spitze, Schattierung von Hellkoralle, Aufhellung von Schwarz
Farbschema wurde erstellt von colourlock

Farbcodes in der Palette

Containerized Interface Design Tokens Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe HEX RGB Name alternativer Name
#00cfc1 #00cfc1 RGB(0, 207, 193)Docker Teal—
#6c757d #6c757d RGB(108, 117, 125)Volume SlatePompeii Ash
#ffe0ac #ffe0ac RGB(255, 224, 172)Image Peach—
#fff6e5 #fff6e5 RGB(255, 246, 229)Init Container Cream—
#f67280 #f67280 RGB(246, 114, 128)Registry Coral—
#1e1e1e #1e1e1e RGB(30, 30, 30)Log Graphite—

Farbpalette Kontrast

5 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Textfarbe Hintergrundfarbe Kontrastverhältnis
#00cfc1
#ffe0ac
1.54
#00cfc1
#fff6e5
1.82
#00cfc1
#f67280
1.4
#6c757d
#f67280
1.7
#ffe0ac
#fff6e5
1.18

Bildpalette Containerized Interface Design Tokens png

Containerized Interface Design Tokens Farbpalette: Docker Teal, Volume Slate, Image Peach, Init Container Cream
 Bild herunterladen