Hergestellt in 06/06/2025 10:50
React Context Horizon
- Hook Berry Frost#ff82a9
- Memo Ocean Steel#607d8b
- Reducer Cloud White#fdfdfd
- JSX Indigo Shade#5c6bc0
- Fiber Soft Mint#d0f4de
- Effect Carbon Black#1a1a1a
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Hook Berry Frost #ff82a9 und Fiber Soft Mint #d0f4de. Palette hat Farbtemperatur Warm, Kalt, Neutral.
Nach Helligkeit reicht diese Palette von #1A1A1A (dunkelstes) bis #FDFDFD (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung ist gemischt — gedämpfte und lebhafte Farbfelder.
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): #1A1A1A, #5C6BC0, #607D8B, #D0F4DE, #FDFDFD, #FF82A9
Die Palette React Context Horizon enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #ff82a9, RGB: (255, 130, 169); VERHEXEN: #607d8b, RGB: (96, 125, 139); VERHEXEN: #fdfdfd, RGB: (253, 253, 253)
VERHEXEN: #5c6bc0, RGB: (92, 107, 192); VERHEXEN: #d0f4de, RGB: (208, 244, 222); VERHEXEN: #1a1a1a, RGB: (26, 26, 26)
Vereinfachte Version der Palettenfarben
Schatten von palevioletred, Farbton von slategrey, Farbton von Weiss, Schatten von royalblue, Farbton von honeydew, Schatten von Schwarz
Farbschema wurde erstellt von colorscheme
Farbcodes in der Palette
React Context Horizon Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #ff82a9 | #ff82a9 | RGB(255, 130, 169) | Hook Berry Frost | — |
| #607d8b | #607d8b | RGB(96, 125, 139) | Memo Ocean Steel | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Reducer Cloud White | Brilliance |
| #5c6bc0 | #5c6bc0 | RGB(92, 107, 192) | JSX Indigo Shade | — |
| #d0f4de | #d0f4de | RGB(208, 244, 222) | Fiber Soft Mint | — |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Effect Carbon Black | Gray10 |
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 |
#ff82a9 | #607d8b | 1.87 |
#ff82a9 | #d0f4de | 1.96 |
#607d8b | #5c6bc0 | 1.11 |
#fdfdfd | #d0f4de | 1.16 |
Bildpalette React Context Horizon png
Palette exportieren
Laden Sie die "React Context Horizon" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: