Scrollwave Layout Frame
- Primary UI Banana#fff4a9
- Secondary Creamspace#fff9f1
- Accent Sketch Blush#ffbdca
- Accent Cloudmint#c2fff0
- Background Whiteboard#ffffff
- Text Scroll Black#1f1f1f
Creato il 06/01/2025 08:19
La tavolozza è composta da Chiaro, Scuro colori. Colori d'accento Secondary Creamspace #fff9f1 e Accent Cloudmint #c2fff0. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.
Per luminosità, la tavolozza va da #1F1F1F (più scuro) a #FFFFFF (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto) — il 67% dei colori è vivido.
Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.
Complessivamente la temperatura tende al caldo (2 su 6).
Codici HEX (ordinati): #1F1F1F, #C2FFF0, #FFBDCA, #FFF4A9, #FFF9F1, #FFFFFF
La tavolozza Scrollwave Layout Frame combina 6 codici colore:
HEX: #fff4a9, RGB: (255, 244, 169); HEX: #fff9f1, RGB: (255, 249, 241); HEX: #ffbdca, RGB: (255, 189, 202)
HEX: #c2fff0, RGB: (194, 255, 240); HEX: #ffffff, RGB: (255, 255, 255); HEX: #1f1f1f, RGB: (31, 31, 31)
Versione semplificata della tavolozza dei colori
Tinta di Verga d'oro pallido, Sfumatura di Bianco floreale, Sfumatura di Rosa, Tinta di Turchese pallido, Bianco, Tinta di Nero
La combinazione di colori è stata creata da raccoon
Codici colori nella tavolozza
Scrollwave Layout Frame codici colore HEX, informazioni RGB in tabella
| Colore | HEX | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #fff4a9 | #fff4a9 | RGB(255, 244, 169) | Primary UI Banana | — |
| #fff9f1 | #fff9f1 | RGB(255, 249, 241) | Secondary Creamspace | — |
| #ffbdca | #ffbdca | RGB(255, 189, 202) | Accent Sketch Blush | — |
| #c2fff0 | #c2fff0 | RGB(194, 255, 240) | Accent Cloudmint | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background Whiteboard | White |
| #1f1f1f | #1f1f1f | RGB(31, 31, 31) | Text Scroll Black | Gray12 |
Contrasto della palette di colori
10 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 |
|---|---|---|
#fff4a9 | #fff9f1 | 1.06 |
#fff4a9 | #ffbdca | 1.4 |
#fff4a9 | #c2fff0 | 1 |
#fff4a9 | #ffffff | 1.11 |
#fff9f1 | #ffbdca | 1.49 |
#fff9f1 | #c2fff0 | 1.06 |
Tavolozza immagini Scrollwave Layout Frame png
Esporta tavolozza
Scarica la "Scrollwave Layout Frame" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: