Hergestellt in 06/30/2025 17:27
UI Testing Workflow Palette
- Test Indigo#4f46e5
- Assert Cream#fef6ec
- Failure Coral#f87171
- Pass Mint#22c55e
- Mock Slate#64748b
- Run Fog#f3f4f6
- Coverage Jet#111827
Die Palette besteht aus Halbdunkel, Licht, Dunkel-Farben. Akzentfarben Failure Coral #f87171 und Pass Mint #22c55e. Palette hat Farbtemperatur Kalt, Neutral, Warm.
Nach Helligkeit reicht diese Palette von #111827 (dunkelstes) bis #FEF6EC (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): #111827, #22C55E, #4F46E5, #64748B, #F3F4F6, #F87171, #FEF6EC
Die Palette UI Testing Workflow Palette enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #4f46e5, RGB: (79, 70, 229); VERHEXEN: #fef6ec, RGB: (254, 246, 236); VERHEXEN: #f87171, RGB: (248, 113, 113)
VERHEXEN: #22c55e, RGB: (34, 197, 94); VERHEXEN: #64748b, RGB: (100, 116, 139); VERHEXEN: #f3f4f6, RGB: (243, 244, 246)
VERHEXEN: #111827, RGB: (17, 24, 39)
Vereinfachte Version der Palettenfarben
Farbton von slateblue, Farbton von floralwhite, Farbton von lightcoral, Farbton von limegreen, Farbton von slategrey, Farbton von whitesmoke, Schatten von Schwarz
Farbschema wurde erstellt von colorscheme
Farbcodes in der Palette
UI Testing Workflow Palette Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #4f46e5 | #4f46e5 | RGB(79, 70, 229) | Test Indigo | — |
| #fef6ec | #fef6ec | RGB(254, 246, 236) | Assert Cream | — |
| #f87171 | #f87171 | RGB(248, 113, 113) | Failure Coral | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Pass Mint | — |
| #64748b | #64748b | RGB(100, 116, 139) | Mock Slate | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | Run Fog | — |
| #111827 | #111827 | RGB(17, 24, 39) | Coverage Jet | — |
Farbpalette Kontrast
4 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#4f46e5 | #64748b | 1.32 |
#fef6ec | #f3f4f6 | 1.02 |
#f87171 | #22c55e | 1.21 |
#f87171 | #64748b | 1.72 |
Bildpalette UI Testing Workflow Palette png
Palette exportieren
Laden Sie die "UI Testing Workflow Palette" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: