Criado em 02/07/2022 13:30
Web design interaction studio hex colors
- Princeton Orange#f77a2d
- Big Foot Feet#f49254
- Russet#783f1f
- Liberty#4a4e9f
- Blue Bell#9f9fcc
- Deep Koamaru#343661
A paleta consiste em cores Luz, Semi escuro. Cores de destaque Princeton Orange #f77a2d e Liberty #4a4e9f. A paleta tem Esquentar, Legal temperatura de cores.
Em luminosidade, a paleta vai de #343661 (mais escuro) a #9F9FCC (mais claro). A faixa de luminosidade é moderada.
A saturação está num intervalo médio.
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
Notas quentes e frias estão bastante equilibradas.
Códigos HEX (ordenados): #343661, #4A4E9F, #783F1F, #9F9FCC, #F49254, #F77A2D
A paleta Web design interaction studio hex colors tem uma combinação de cores de códigos de 6:
HEX: #f77a2d, RGB: (247, 122, 45); HEX: #f49254, RGB: (244, 146, 84); HEX: #783f1f, RGB: (120, 63, 31)
HEX: #4a4e9f, RGB: (74, 78, 159); HEX: #9f9fcc, RGB: (159, 159, 204); HEX: #343661, RGB: (52, 54, 97)
Versão simplificada das cores da paleta
Matiz de coral, Matiz de sandybrown, Matiz de saddlebrown, Sombra de darkslateblue, Matiz de lightsteelblue, Matiz de darkslateblue
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Web design interaction studio hex colors códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #f77a2d | #f77a2d | RGB(247, 122, 45) | Princeton Orange | — |
| #f49254 | #f49254 | RGB(244, 146, 84) | Big Foot Feet | — |
| #783f1f | #783f1f | RGB(120, 63, 31) | Russet | — |
| #4a4e9f | #4a4e9f | RGB(74, 78, 159) | Liberty | — |
| #9f9fcc | #9f9fcc | RGB(159, 159, 204) | Blue Bell | — |
| #343661 | #343661 | RGB(52, 54, 97) | Deep Koamaru | — |
Contraste da Paleta de Cores
6 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 |
#f77a2d | #f49254 | 1.16 |
#f77a2d | #9f9fcc | 1.06 |
#f49254 | #9f9fcc | 1.09 |
#783f1f | #4a4e9f | 1.13 |
#783f1f | #343661 | 1.36 |
#4a4e9f | #343661 | 1.56 |
Paleta de imagens Web design interaction studio hex colors png
Exportar paleta
Baixe a "Web design interaction studio hex colors" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: