Palette generieren
  1. Farbpaletten
  2. Progressive Web App Neon Grid

Progressive Web App Neon Grid

  • ServiceWorker Sky
    #00b4d8
  • Cache Coral
    #ff7f51
  • Offline Orchid
    #c77dff
  • Manifest Mint
    #9ef01a
  • Push Purple
    #7209b7
  • Viewport Vanilla
    #fff9e3
  • Hyperlink Honey
    #ffb703
  6
Erstellt am 08/10/2025 21:06
vonbad_colors
Die Palette besteht aus Hell, Dunkel-Farben. Akzentfarben Offline Orchid #c77dff und Viewport Vanilla #fff9e3. Palette hat Farbtemperatur Kalt, Warm, Neutral.

Nach Helligkeit reicht diese Palette von #7209B7 (dunkelstes) bis #FFF9E3 (hellstes). Die Helligkeitsspanne ist moderat.

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

HEX-Codes (sortiert): #00B4D8, #7209B7, #9EF01A, #C77DFF, #FF7F51, #FFB703, #FFF9E3

Die Palette Progressive Web App Neon Grid kombiniert 7 Farbcodes:
HEX: #00b4d8, RGB: (0, 180, 216); HEX: #ff7f51, RGB: (255, 127, 81); HEX: #c77dff, RGB: (199, 125, 255)
HEX: #9ef01a, RGB: (158, 240, 26); HEX: #7209b7, RGB: (114, 9, 183); HEX: #fff9e3, RGB: (255, 249, 227)
HEX: #ffb703, RGB: (255, 183, 3)
Vereinfachte Version der Palettenfarben
Schattierung von Tiefes Himmelblau, Aufhellung von Koralle, Schattierung von Violett, Schattierung von Grüngelb, Schattierung von Dunkelviolett, Aufhellung von Maisseide, Aufhellung von Orange
Farbschema wurde erstellt von bad_colors

Farbcodes in der Palette

Progressive Web App Neon Grid Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe HEX RGB Name alternativer Name
#00b4d8 #00b4d8 RGB(0, 180, 216)ServiceWorker Sky—
#ff7f51 #ff7f51 RGB(255, 127, 81)Cache Coral—
#c77dff #c77dff RGB(199, 125, 255)Offline Orchid—
#9ef01a #9ef01a RGB(158, 240, 26)Manifest Mint—
#7209b7 #7209b7 RGB(114, 9, 183)Push Purple—
#fff9e3 #fff9e3 RGB(255, 249, 227)Viewport Vanilla—
#ffb703 #ffb703 RGB(255, 183, 3)Hyperlink Honey—

Farbpalette Kontrast

12 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Textfarbe Hintergrundfarbe Kontrastverhältnis
#00b4d8
#ff7f51
1.01
#00b4d8
#c77dff
1.09
#00b4d8
#9ef01a
1.75
#00b4d8
#ffb703
1.41
#ff7f51
#c77dff
1.07
#ff7f51
#9ef01a
1.77

Bildpalette Progressive Web App Neon Grid png

Progressive Web App Neon Grid Farbpalette: ServiceWorker Sky, Cache Coral, Offline Orchid, Manifest Mint, Push Purple
 Bild herunterladen