Neobrutalist Web Design Schema
- Hardline Red#ff3b3b
- Element Grey#d8dee9
- Form Neon Green#39ff14
- Panel Beige#f5f5dc
- Icon Black#1c1c1c
- Modal Ice#e0ffff
- Cursor Orange#ffa07a
Erstellt am 06/30/2025 17:16
Die Palette besteht aus Hell, Dunkel-Farben. Akzentfarben Modal Ice #e0ffff und Cursor Orange #ffa07a. Palette hat Farbtemperatur Warm, Neutral, Kalt.
Nach Helligkeit reicht diese Palette von #1C1C1C (dunkelstes) bis #E0FFFF (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma) — 71% der Farben sind lebhaft.
Einige Farben liegen sich auf dem Farbkreis etwa gegenüber und geben der Palette einen Komplementärkontrast.
Die meisten Felder wirken neutral in der Farbtemperatur (4 von 7).
HEX-Codes (sortiert): #1C1C1C, #39FF14, #D8DEE9, #E0FFFF, #F5F5DC, #FF3B3B, #FFA07A
Die Palette Neobrutalist Web Design Schema kombiniert 7 Farbcodes:
HEX: #ff3b3b, RGB: (255, 59, 59); HEX: #d8dee9, RGB: (216, 222, 233); HEX: #39ff14, RGB: (57, 255, 20)
HEX: #f5f5dc, RGB: (245, 245, 220); HEX: #1c1c1c, RGB: (28, 28, 28); HEX: #e0ffff, RGB: (224, 255, 255)
HEX: #ffa07a, RGB: (255, 160, 122)
Vereinfachte Version der Palettenfarben
Schattierung von Tomate, Aufhellung von Gainsboro, Aufhellung von Limettengrün, Beige, Aufhellung von Schwarz, Hellcyan, Helllachs
Farbschema wurde erstellt von hex
Farbcodes in der Palette
Neobrutalist Web Design Schema Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #ff3b3b | #ff3b3b | RGB(255, 59, 59) | Hardline Red | — |
| #d8dee9 | #d8dee9 | RGB(216, 222, 233) | Element Grey | — |
| #39ff14 | #39ff14 | RGB(57, 255, 20) | Form Neon Green | Neon Green |
| #f5f5dc | #f5f5dc | RGB(245, 245, 220) | Panel Beige | Beige |
| #1c1c1c | #1c1c1c | RGB(28, 28, 28) | Icon Black | Gray11 |
| #e0ffff | #e0ffff | RGB(224, 255, 255) | Modal Ice | Lightcyan |
| #ffa07a | #ffa07a | RGB(255, 160, 122) | Cursor Orange | Lightsalmon |
Farbpalette Kontrast
11 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#ff3b3b | #ffa07a | 1.77 |
#d8dee9 | #39ff14 | 1 |
#d8dee9 | #f5f5dc | 1.22 |
#d8dee9 | #e0ffff | 1.28 |
#d8dee9 | #ffa07a | 1.47 |
#39ff14 | #f5f5dc | 1.22 |
Bildpalette Neobrutalist Web Design Schema png
Palette exportieren
Laden Sie die "Neobrutalist Web Design Schema" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: