Hergestellt in 07/11/2025 20:33
React Tailwind Hyperlink UI Kit
Hook Lavender
#b8b8ff
Component Sky
#57cc99
Utility Blush
#ff6b81
Layout Ash
#e0e0e0
Shadow Navy
#1b1b32
Flex Cloud
#f8f9fa
Async Gold
#f7c04a
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Hook Lavender #b8b8ff und Async Gold #f7c04a. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Die Palette React Tailwind Hyperlink UI Kit enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #b8b8ff, RGB: (184, 184, 255); VERHEXEN: #57cc99, RGB: (87, 204, 153); VERHEXEN: #ff6b81, RGB: (255, 107, 129)
VERHEXEN: #e0e0e0, RGB: (224, 224, 224); VERHEXEN: #1b1b32, RGB: (27, 27, 50); VERHEXEN: #f8f9fa, RGB: (248, 249, 250)
VERHEXEN: #f7c04a, RGB: (247, 192, 74)
Vereinfachte Version der Palettenfarben
Farbton von lightsteelblue, Farbton von mediumaquamarine, Farbton von lightcoral, Schatten von gainsboro, Schatten von Schwarz, Schatten von whitesmoke, Schatten von goldenrod
Farbschema wurde erstellt von hex
Farbcodes in der Palette
React Tailwind Hyperlink UI Kit Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #b8b8ff | #b8b8ff | RGB(184, 184, 255) | Hook Lavender | — |
| #57cc99 | #57cc99 | RGB(87, 204, 153) | Component Sky | — |
| #ff6b81 | #ff6b81 | RGB(255, 107, 129) | Utility Blush | — |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | Layout Ash | Gray88 |
| #1b1b32 | #1b1b32 | RGB(27, 27, 50) | Shadow Navy | — |
| #f8f9fa | #f8f9fa | RGB(248, 249, 250) | Flex Cloud | — |
| #f7c04a | #f7c04a | RGB(247, 192, 74) | Async Gold | — |
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 |
#b8b8ff | #57cc99 | 1.07 |
#b8b8ff | #ff6b81 | 1.47 |
#b8b8ff | #e0e0e0 | 1.4 |
#b8b8ff | #f8f9fa | 1.75 |
#b8b8ff | #f7c04a | 1.11 |
#57cc99 | #ff6b81 | 1.36 |
