Creato a 02/15/2023 11:03
Web logo ui typo
- Button Blue#2ca2ef
- Light Sky Blue#83c8f5
- Space Cadet#143c54
- Old Silver#848484
- Dark Gray (X11)#ada8a8
- Arsenic#3d4447
La tavolozza è composta da Leggero colori. Colori accentati Button Blue #2ca2ef e Dark Gray (X11) #ada8a8. La tavolozza ha la temperatura del colore Freddo, Neutro.
Per luminosità, la tavolozza va da #143C54 (più scuro) a #83C8F5 (più chiaro). L’intervallo di luminosità è moderato.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
La distribuzione delle tonalità suggerisce un gruppo preponderantemente analogo (euristica, non una regola fissa).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #143C54, #2CA2EF, #3D4447, #83C8F5, #848484, #ADA8A8
La tavolozza Web logo ui typo ha una combinazione di colori dei codici 6:
ESADECIMALE: #2ca2ef, RGB: (44, 162, 239); ESADECIMALE: #83c8f5, RGB: (131, 200, 245); ESADECIMALE: #143c54, RGB: (20, 60, 84)
ESADECIMALE: #848484, RGB: (132, 132, 132); ESADECIMALE: #ada8a8, RGB: (173, 168, 168); ESADECIMALE: #3d4447, RGB: (61, 68, 71)
Versione semplificata della tavolozza dei colori
Ombra di dodgerblue, Tonalità di lightskyblue, Ombra di midnightblue, Ombra di Grigio, Ombra di darkgrey, Tonalità di darkslategrey
La combinazione di colori è stata creata da palettespicker
Codici colori nella tavolozza
Web logo ui typo codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #2ca2ef | #2ca2ef | RGB(44, 162, 239) | Button Blue | — |
| #83c8f5 | #83c8f5 | RGB(131, 200, 245) | Light Sky Blue | — |
| #143c54 | #143c54 | RGB(20, 60, 84) | Space Cadet | — |
| #848484 | #848484 | RGB(132, 132, 132) | Old Silver | — |
| #ada8a8 | #ada8a8 | RGB(173, 168, 168) | Dark Gray (X11) | — |
| #3d4447 | #3d4447 | RGB(61, 68, 71) | Arsenic | — |
Contrasto della palette di colori
6 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 |
#2ca2ef | #83c8f5 | 1.53 |
#2ca2ef | #848484 | 1.33 |
#2ca2ef | #ada8a8 | 1.18 |
#83c8f5 | #ada8a8 | 1.29 |
#143c54 | #3d4447 | 1.17 |
#848484 | #ada8a8 | 1.59 |
Tavolozza immagini Web logo ui typo png
Esporta tavolozza
Scarica la "Web logo ui typo" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: