Palette generieren
  1. Farbpaletten
  2. Cloud-Native Web UI Shell

Cloud-Native Web UI Shell

  • Kubernetes Blue
    #326ce5
  • Service Mesh Gray
    #9fa6b2
  • Deploy Mint
    #98f5e1
  • YAML Sand
    #f6e9d7
  • Ingress Indigo
    #4b5d67
  • Instance Black
    #1e1e1e
  • Node Cream
    #fcf8f3
  1
Erstellt am 06/25/2025 18:04
voncolorslib
Die Palette besteht aus Halbdunkel, Hell, Dunkel-Farben. Akzentfarben Deploy Mint #98f5e1 und YAML Sand #f6e9d7. Palette hat Farbtemperatur Kalt, Neutral, Warm.

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

Die Sättigung wirkt insgesamt lebhaft (höhere Chroma) — 57% 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 kalten Seite (3 von 7).

HEX-Codes (sortiert): #1E1E1E, #326CE5, #4B5D67, #98F5E1, #9FA6B2, #F6E9D7, #FCF8F3

Die Palette Cloud-Native Web UI Shell kombiniert 7 Farbcodes:
HEX: #326ce5, RGB: (50, 108, 229); HEX: #9fa6b2, RGB: (159, 166, 178); HEX: #98f5e1, RGB: (152, 245, 225)
HEX: #f6e9d7, RGB: (246, 233, 215); HEX: #4b5d67, RGB: (75, 93, 103); HEX: #1e1e1e, RGB: (30, 30, 30)
HEX: #fcf8f3, RGB: (252, 248, 243)
Vereinfachte Version der Palettenfarben
Schattierung von Königsblau, Schattierung von Dunkelgrau, Aufhellung von Aquamarin, Schattierung von Antikweiß, Schattierung von Mattgrau, Aufhellung von Schwarz, Schattierung von Blütenweiß
Farbschema wurde erstellt von colorslib

Farbcodes in der Palette

Cloud-Native Web UI Shell Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe HEX RGB Name alternativer Name
#326ce5 #326ce5 RGB(50, 108, 229)Kubernetes Blue—
#9fa6b2 #9fa6b2 RGB(159, 166, 178)Service Mesh Gray—
#98f5e1 #98f5e1 RGB(152, 245, 225)Deploy Mint—
#f6e9d7 #f6e9d7 RGB(246, 233, 215)YAML Sand—
#4b5d67 #4b5d67 RGB(75, 93, 103)Ingress Indigo—
#1e1e1e #1e1e1e RGB(30, 30, 30)Instance Black—
#fcf8f3 #fcf8f3 RGB(252, 248, 243)Node Cream—

Farbpalette Kontrast

6 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Textfarbe Hintergrundfarbe Kontrastverhältnis
#326ce5
#9fa6b2
1.94
#326ce5
#4b5d67
1.44
#9fa6b2
#98f5e1
1.92
#98f5e1
#f6e9d7
1.06
#98f5e1
#fcf8f3
1.2
#f6e9d7
#fcf8f3
1.13

Bildpalette Cloud-Native Web UI Shell png

Cloud-Native Web UI Shell Farbpalette: Kubernetes Blue, Service Mesh Gray, Deploy Mint, YAML Sand, Ingress Indigo
 Bild herunterladen