Creato a 10/13/2022 03:32
20 Colors
- Pink#e81e63
- Purple#9c27b0
- Deep Purple#673ab7
- Indigo#4b51b5
- Blue#2196f3
- Light Blue#03a9f4
- Cyan#00bcd4
- Teal#009688
- Green#4caf50
- Light Green#8bc34a
- Lime#cddc39
- Yellow#ffeb3b
- Amber#ffc107
- Orange#ff9800
- Deep Orange#ff5722
- Red#f44336
- #cc495b
- Brown#795548
- Gray#9e9e9e
- Blue Gray#607d8b
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati Cyan #00bcd4 e Yellow #ffeb3b. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
Per luminosità, la tavolozza va da #009688 (più scuro) a #9E9E9E (più chiaro). L’intervallo di luminosità è moderato.
La saturazione complessiva risulta vivida (croma alto).
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Complessivamente la temperatura tende al caldo.
Codici HEX (ordinati): #009688, #00BCD4, #03A9F4, #2196F3, #4B51B5, #4CAF50, #607D8B, #673AB7, #795548, #8BC34A, #9C27B0, #9E9E9E, #CC495B, #CDDC39, #E81E63, #F44336, #FF5722, #FF9800, #FFC107, #FFEB3B
La tavolozza 20 Colors ha una combinazione di colori dei codici 20:
ESADECIMALE: #e81e63, RGB: (232, 30, 99); ESADECIMALE: #9c27b0, RGB: (156, 39, 176); ESADECIMALE: #673ab7, RGB: (103, 58, 183)
ESADECIMALE: #4b51b5, RGB: (75, 81, 181); ESADECIMALE: #2196f3, RGB: (33, 150, 243); ESADECIMALE: #03a9f4, RGB: (3, 169, 244)
ESADECIMALE: #00bcd4, RGB: (0, 188, 212); ESADECIMALE: #009688, RGB: (0, 150, 136); ESADECIMALE: #4caf50, RGB: (76, 175, 80)
ESADECIMALE: #8bc34a, RGB: (139, 195, 74); ESADECIMALE: #cddc39, RGB: (205, 220, 57); ESADECIMALE: #ffeb3b, RGB: (255, 235, 59)
ESADECIMALE: #ffc107, RGB: (255, 193, 7); ESADECIMALE: #ff9800, RGB: (255, 152, 0); ESADECIMALE: #ff5722, RGB: (255, 87, 34)
ESADECIMALE: #f44336, RGB: (244, 67, 54); ESADECIMALE: #cc495b, RGB: (204, 73, 91); ESADECIMALE: #795548, RGB: (121, 85, 72)
ESADECIMALE: #9e9e9e, RGB: (158, 158, 158); ESADECIMALE: #607d8b, RGB: (96, 125, 139)
Versione semplificata della tavolozza dei colori
Ombra di crimson, Tonalità di darkorchid, Tonalità di blueviolet, Tonalità di slateblue, Ombra di dodgerblue, Tonalità di deepskyblue, Tonalità di darkturquoise, Ombra di darkcyan, Tonalità di mediumseagreen, Tonalità di Giallo verde, Ombra di Giallo verde, Tonalità di Giallo, Tonalità di gold, Ombra di darkorange, Ombra di orangered, Tonalità di tomato, Tonalità di indianred, Tonalità di sienna, Tonalità di darkgrey, Tonalità di slategrey
La combinazione di colori è stata creata da Hawk
Codici colori nella tavolozza
20 Colors codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #e81e63 | #e81e63 | RGB(232, 30, 99) | Pink | — |
| #9c27b0 | #9c27b0 | RGB(156, 39, 176) | Purple | — |
| #673ab7 | #673ab7 | RGB(103, 58, 183) | Deep Purple | — |
| #4b51b5 | #4b51b5 | RGB(75, 81, 181) | Indigo | — |
| #2196f3 | #2196f3 | RGB(33, 150, 243) | Blue | — |
| #03a9f4 | #03a9f4 | RGB(3, 169, 244) | Light Blue | — |
| #00bcd4 | #00bcd4 | RGB(0, 188, 212) | Cyan | — |
| #009688 | #009688 | RGB(0, 150, 136) | Teal | — |
| #4caf50 | #4caf50 | RGB(76, 175, 80) | Green | — |
| #8bc34a | #8bc34a | RGB(139, 195, 74) | Light Green | — |
| #cddc39 | #cddc39 | RGB(205, 220, 57) | Lime | — |
| #ffeb3b | #ffeb3b | RGB(255, 235, 59) | Yellow | — |
| #ffc107 | #ffc107 | RGB(255, 193, 7) | Amber | — |
| #ff9800 | #ff9800 | RGB(255, 152, 0) | Orange | — |
| #ff5722 | #ff5722 | RGB(255, 87, 34) | Deep Orange | — |
| #f44336 | #f44336 | RGB(244, 67, 54) | Red | — |
| #cc495b | #cc495b | RGB(204, 73, 91) | — | — |
| #795548 | #795548 | RGB(121, 85, 72) | Brown | — |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | Gray | Gray62 |
| #607d8b | #607d8b | RGB(96, 125, 139) | Blue Gray | — |
Contrasto della palette di colori
119 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 |
#e81e63 | #9c27b0 | 1.44 |
#e81e63 | #673ab7 | 1.67 |
#e81e63 | #4b51b5 | 1.52 |
#e81e63 | #2196f3 | 1.4 |
#e81e63 | #03a9f4 | 1.66 |
#e81e63 | #00bcd4 | 1.9 |
Tavolozza immagini 20 Colors png
Esporta tavolozza
Scarica la "20 Colors" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: