Criado em 08/08/2022 11:25
Webflow skill identity design hex colors
- Beer#fa8c1b
- Orange-Yellow (Crayola)#fac464
- Seal Brown#502408
- Blue Yonder#56789c
- Light Steel Blue#b6cbd9
- Royal Brown#563a30
A paleta consiste em cores Luz, Escuro. Cores de destaque Beer #fa8c1b e Light Steel Blue #b6cbd9. A paleta tem Esquentar, Legal temperatura de cores.
Em luminosidade, a paleta vai de #502408 (mais escuro) a #B6CBD9 (mais claro). A faixa de luminosidade é ampla.
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).
No geral, a temperatura tende para o quente.
Códigos HEX (ordenados): #502408, #563A30, #56789C, #B6CBD9, #FA8C1B, #FAC464
A paleta Webflow skill identity design hex colors tem uma combinação de cores de códigos de 6:
HEX: #fa8c1b, RGB: (250, 140, 27); HEX: #fac464, RGB: (250, 196, 100); HEX: #502408, RGB: (80, 36, 8)
HEX: #56789c, RGB: (86, 120, 156); HEX: #b6cbd9, RGB: (182, 203, 217); HEX: #563a30, RGB: (86, 58, 48)
Versão simplificada das cores da paleta
Sombra de darkorange, Sombra de goldenrod, Sombra de Marrom, Matiz de steelblue, Sombra de lightsteelblue, Matiz de saddlebrown
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Webflow skill identity design hex colors códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #fa8c1b | #fa8c1b | RGB(250, 140, 27) | Beer | — |
| #fac464 | #fac464 | RGB(250, 196, 100) | Orange-Yellow (Crayola) | — |
| #502408 | #502408 | RGB(80, 36, 8) | Seal Brown | — |
| #56789c | #56789c | RGB(86, 120, 156) | Blue Yonder | — |
| #b6cbd9 | #b6cbd9 | RGB(182, 203, 217) | Light Steel Blue | — |
| #563a30 | #563a30 | RGB(86, 58, 48) | Royal Brown | — |
Contraste da Paleta de Cores
5 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 |
#fa8c1b | #fac464 | 1.48 |
#fa8c1b | #56789c | 1.93 |
#fa8c1b | #b6cbd9 | 1.41 |
#fac464 | #b6cbd9 | 1.04 |
#502408 | #563a30 | 1.27 |
Paleta de imagens Webflow skill identity design hex colors png
Exportar paleta
Baixe a "Webflow skill identity design hex colors" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: