Criado em 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
A paleta consiste em cores Luz, Semi escuro. Cores de destaque Cyan #00bcd4 e Yellow #ffeb3b. A paleta tem Esquentar, Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #009688 (mais escuro) a #9E9E9E (mais claro). A faixa de luminosidade é moderada.
A saturação global parece vívida (croma alto).
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
No geral, a temperatura tende para o quente.
Códigos HEX (ordenados): #009688, #00BCD4, #03A9F4, #2196F3, #4B51B5, #4CAF50, #607D8B, #673AB7, #795548, #8BC34A, #9C27B0, #9E9E9E, #CC495B, #CDDC39, #E81E63, #F44336, #FF5722, #FF9800, #FFC107, #FFEB3B
A paleta 20 Colors tem uma combinação de cores de códigos de 20:
HEX: #e81e63, RGB: (232, 30, 99); HEX: #9c27b0, RGB: (156, 39, 176); HEX: #673ab7, RGB: (103, 58, 183)
HEX: #4b51b5, RGB: (75, 81, 181); HEX: #2196f3, RGB: (33, 150, 243); HEX: #03a9f4, RGB: (3, 169, 244)
HEX: #00bcd4, RGB: (0, 188, 212); HEX: #009688, RGB: (0, 150, 136); HEX: #4caf50, RGB: (76, 175, 80)
HEX: #8bc34a, RGB: (139, 195, 74); HEX: #cddc39, RGB: (205, 220, 57); HEX: #ffeb3b, RGB: (255, 235, 59)
HEX: #ffc107, RGB: (255, 193, 7); HEX: #ff9800, RGB: (255, 152, 0); HEX: #ff5722, RGB: (255, 87, 34)
HEX: #f44336, RGB: (244, 67, 54); HEX: #cc495b, RGB: (204, 73, 91); HEX: #795548, RGB: (121, 85, 72)
HEX: #9e9e9e, RGB: (158, 158, 158); HEX: #607d8b, RGB: (96, 125, 139)
Versão simplificada das cores da paleta
Sombra de crimson, Matiz de darkorchid, Matiz de blueviolet, Matiz de slateblue, Sombra de dodgerblue, Matiz de deepskyblue, Matiz de darkturquoise, Sombra de darkcyan, Matiz de mediumseagreen, Matiz de Amarelo verde, Sombra de Amarelo verde, Matiz de Amarelo, Matiz de gold, Sombra de darkorange, Sombra de orangered, Matiz de tomato, Matiz de indianred, Matiz de sienna, Matiz de darkgrey, Matiz de slategrey
O esquema de cores foi criado por Hawk
Códigos de cores na paleta
20 Colors códigos de cores HEX, informações RGB na tabela
| Cor | HEX | 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 | — |
Contraste da Paleta de Cores
119 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Taxa de contraste |
#e81e63 | #9c27b0 | 1.44 |
#e81e63 | #673ab7 | 1.67 |
#e81e63 | #4b51b5 | 1.52 |
#e81e63 | #2196f3 | 1.4 |
#e81e63 | #03a9f4 | 1.66 |
#e81e63 | #00bcd4 | 1.9 |
Paleta de imagens 20 Colors png
Exportar paleta
Baixe a "20 Colors" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: