Colorbeam Layout Studio
- Primary Banner Peach#ffd8bc
- Secondary Soft App Blue#d5f0ff
- Accent Mist Mint#d7fff1
- Accent Label Rose#ffc1d9
- Surface Clean UI#ffffff
- Text App Charcoal#222222
Creato il 05/30/2025 20:00
La tavolozza è composta da Chiaro, Scuro colori. Colori d'accento Primary Banner Peach #ffd8bc e Accent Mist Mint #d7fff1. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
Per luminosità, la tavolozza va da #222222 (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.
Note calde e fredde sono abbastanza bilanciate (2 calde, 2 fredde).
Codici HEX (ordinati): #222222, #D5F0FF, #D7FFF1, #FFC1D9, #FFD8BC, #FFFFFF
La tavolozza Colorbeam Layout Studio combina 6 codici colore:
HEX: #ffd8bc, RGB: (255, 216, 188); HEX: #d5f0ff, RGB: (213, 240, 255); HEX: #d7fff1, RGB: (215, 255, 241)
HEX: #ffc1d9, RGB: (255, 193, 217); HEX: #ffffff, RGB: (255, 255, 255); HEX: #222222, RGB: (34, 34, 34)
Versione semplificata della tavolozza dei colori
Sfumatura di Pesca, Sfumatura di Azzurro, Sfumatura di Ciano chiaro, Tinta di Rosa, Bianco, Tinta di Nero
La combinazione di colori è stata creata da colorstudio
Codici colori nella tavolozza
Colorbeam Layout Studio codici colore HEX, informazioni RGB in tabella
| Colore | HEX | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #ffd8bc | #ffd8bc | RGB(255, 216, 188) | Primary Banner Peach | — |
| #d5f0ff | #d5f0ff | RGB(213, 240, 255) | Secondary Soft App Blue | — |
| #d7fff1 | #d7fff1 | RGB(215, 255, 241) | Accent Mist Mint | — |
| #ffc1d9 | #ffc1d9 | RGB(255, 193, 217) | Accent Label Rose | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Surface Clean UI | White |
| #222222 | #222222 | RGB(34, 34, 34) | Text App Charcoal | Black Out |
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 |
|---|---|---|
#ffd8bc | #d5f0ff | 1.12 |
#ffd8bc | #d7fff1 | 1.23 |
#ffd8bc | #ffc1d9 | 1.13 |
#ffd8bc | #ffffff | 1.32 |
#d5f0ff | #d7fff1 | 1.09 |
#d5f0ff | #ffc1d9 | 1.27 |
Tavolozza immagini Colorbeam Layout Studio png
Esporta tavolozza
Scarica la "Colorbeam Layout Studio" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: