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
Creato il 06/30/2025 17:16
La tavolozza è composta da Chiaro, Scuro colori. Colori d'accento Modal Ice #e0ffff e Cursor Orange #ffa07a. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.
Per luminosità, la tavolozza va da #1C1C1C (più scuro) a #E0FFFF (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto) — il 71% dei colori è vivido.
Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.
La maggior parte dei campioni risulta neutra in temperatura (4 su 7).
Codici HEX (ordinati): #1C1C1C, #39FF14, #D8DEE9, #E0FFFF, #F5F5DC, #FF3B3B, #FFA07A
La tavolozza Neobrutalist Web Design Schema combina 7 codici colore:
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)
Versione semplificata della tavolozza dei colori
Sfumatura di Pomodoro, Tinta di Gainsboro, Tinta di Verde lime, Beige, Tinta di Nero, Ciano chiaro, Salmone chiaro
La combinazione di colori è stata creata da hex
Codici colori nella tavolozza
Neobrutalist Web Design Schema codici colore HEX, informazioni RGB in tabella
| Colore | HEX | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #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 |
Contrasto della palette di colori
11 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
| Colore del testo | Colore di sfondo | Rapporto di contrasto |
|---|---|---|
#ff3b3b | #ffa07a | 1.77 |
#d8dee9 | #39ff14 | 1 |
#d8dee9 | #f5f5dc | 1.22 |
#d8dee9 | #e0ffff | 1.28 |
#d8dee9 | #ffa07a | 1.47 |
#39ff14 | #f5f5dc | 1.22 |
Tavolozza immagini Neobrutalist Web Design Schema png
Esporta tavolozza
Scarica la "Neobrutalist Web Design Schema" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: