Functional Reactive UX Schema
- Pipe Coral#ff6b6b
- Signal Cream#fff8e7
- Stream Graphite#3b3b3b
- Map Teal#4de1c1
- Flat Blue#80b1f7
- Fold White#f5f5f5
Erstellt am 07/28/2025 11:20
Die Palette besteht aus Hell, Halbdunkel-Farben. Akzentfarben Signal Cream #fff8e7 und Flat Blue #80b1f7. Palette hat Farbtemperatur Warm, Neutral, Kalt.
Nach Helligkeit reicht diese Palette von #3B3B3B (dunkelstes) bis #FFF8E7 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma) — 67% 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 (2 von 6).
HEX-Codes (sortiert): #3B3B3B, #4DE1C1, #80B1F7, #F5F5F5, #FF6B6B, #FFF8E7
Die Palette Functional Reactive UX Schema kombiniert 6 Farbcodes:
HEX: #ff6b6b, RGB: (255, 107, 107); HEX: #fff8e7, RGB: (255, 248, 231); HEX: #3b3b3b, RGB: (59, 59, 59)
HEX: #4de1c1, RGB: (77, 225, 193); HEX: #80b1f7, RGB: (128, 177, 247); HEX: #f5f5f5, RGB: (245, 245, 245)
Vereinfachte Version der Palettenfarben
Schattierung von Lachs, Aufhellung von Alte Spitze, Schattierung von Dunkles Schiefergrau, Aufhellung von Türkis, Aufhellung von Kornblumenblau, Rauchweiß
Farbschema wurde erstellt von colourlock
Farbcodes in der Palette
Functional Reactive UX Schema Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Pipe Coral | — |
| #fff8e7 | #fff8e7 | RGB(255, 248, 231) | Signal Cream | Cosmic Latte |
| #3b3b3b | #3b3b3b | RGB(59, 59, 59) | Stream Graphite | Gray23 |
| #4de1c1 | #4de1c1 | RGB(77, 225, 193) | Map Teal | — |
| #80b1f7 | #80b1f7 | RGB(128, 177, 247) | Flat Blue | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Fold White | Whitesmoke |
Farbpalette Kontrast
6 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#ff6b6b | #4de1c1 | 1.69 |
#ff6b6b | #80b1f7 | 1.26 |
#fff8e7 | #4de1c1 | 1.54 |
#fff8e7 | #f5f5f5 | 1.02 |
#4de1c1 | #80b1f7 | 1.34 |
#4de1c1 | #f5f5f5 | 1.49 |
Bildpalette Functional Reactive UX Schema png
Palette exportieren
Laden Sie die "Functional Reactive UX Schema" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: