Hergestellt in 06/26/2025 08:41
Web Performance Visual Kit
- Speed Lime#a3e635
- Lag Blush#fbcfe8
- Cache Black#0f172a
- CDN Sky#60a5fa
- Audit Cream#fdf6ec
- Render Gray#d1d5db
- Load Time Pink#f472b6
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben CDN Sky #60a5fa und Audit Cream #fdf6ec. Palette hat Farbtemperatur Warm, Neutral, Kalt.
Nach Helligkeit reicht diese Palette von #0F172A (dunkelstes) bis #FDF6EC (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): #0F172A, #60A5FA, #A3E635, #D1D5DB, #F472B6, #FBCFE8, #FDF6EC
Die Palette Web Performance Visual Kit enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #a3e635, RGB: (163, 230, 53); VERHEXEN: #fbcfe8, RGB: (251, 207, 232); VERHEXEN: #0f172a, RGB: (15, 23, 42)
VERHEXEN: #60a5fa, RGB: (96, 165, 250); VERHEXEN: #fdf6ec, RGB: (253, 246, 236); VERHEXEN: #d1d5db, RGB: (209, 213, 219)
VERHEXEN: #f472b6, RGB: (244, 114, 182)
Vereinfachte Version der Palettenfarben
Schatten von Gelbgrün, Schatten von thistle, Schatten von Schwarz, Schatten von cornflowerblue, Farbton von floralwhite, Schatten von lightgrey, Schatten von hotpink
Farbschema wurde erstellt von colorday
Farbcodes in der Palette
Web Performance Visual Kit Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #a3e635 | #a3e635 | RGB(163, 230, 53) | Speed Lime | — |
| #fbcfe8 | #fbcfe8 | RGB(251, 207, 232) | Lag Blush | — |
| #0f172a | #0f172a | RGB(15, 23, 42) | Cache Black | — |
| #60a5fa | #60a5fa | RGB(96, 165, 250) | CDN Sky | — |
| #fdf6ec | #fdf6ec | RGB(253, 246, 236) | Audit Cream | — |
| #d1d5db | #d1d5db | RGB(209, 213, 219) | Render Gray | — |
| #f472b6 | #f472b6 | RGB(244, 114, 182) | Load Time Pink | — |
Farbpalette Kontrast
13 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#a3e635 | #fbcfe8 | 1.09 |
#a3e635 | #60a5fa | 1.68 |
#a3e635 | #fdf6ec | 1.4 |
#a3e635 | #d1d5db | 1.02 |
#a3e635 | #f472b6 | 1.75 |
#fbcfe8 | #60a5fa | 1.83 |
Bildpalette Web Performance Visual Kit png
Palette exportieren
Laden Sie die "Web Performance Visual Kit" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: