Criado em 02/24/2022 13:24
Web ui design ux hex colors
- Blue Cola#0493ea
- Light Sky Blue#7cccf4
- Medium Persian Blue#04689d
- Toolbox#6974ba
- Pale Silver#d1b4b6
- Rich Black (FOGRA29)#0c0c14
A paleta consiste em cores Luz, Semi escuro, Escuro. Cores de destaque Blue Cola #0493ea e Pale Silver #d1b4b6. A paleta tem Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #0C0C14 (mais escuro) a #D1B4B6 (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
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 frio.
Códigos HEX (ordenados): #04689D, #0493EA, #0C0C14, #6974BA, #7CCCF4, #D1B4B6
A paleta Web ui design ux hex colors tem uma combinação de cores de códigos de 6:
HEX: #0493ea, RGB: (4, 147, 234); HEX: #7cccf4, RGB: (124, 204, 244); HEX: #04689d, RGB: (4, 104, 157)
HEX: #6974ba, RGB: (105, 116, 186); HEX: #d1b4b6, RGB: (209, 180, 182); HEX: #0c0c14, RGB: (12, 12, 20)
Versão simplificada das cores da paleta
Matiz de dodgerblue, Matiz de lightskyblue, Matiz de steelblue, Sombra de royalblue, Matiz de thistle, Sombra de Preto
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Web ui design ux hex colors códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #0493ea | #0493ea | RGB(4, 147, 234) | Blue Cola | — |
| #7cccf4 | #7cccf4 | RGB(124, 204, 244) | Light Sky Blue | — |
| #04689d | #04689d | RGB(4, 104, 157) | Medium Persian Blue | — |
| #6974ba | #6974ba | RGB(105, 116, 186) | Toolbox | — |
| #d1b4b6 | #d1b4b6 | RGB(209, 180, 182) | Pale Silver | — |
| #0c0c14 | #0c0c14 | RGB(12, 12, 20) | Rich Black (FOGRA29) | — |
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 |
#0493ea | #7cccf4 | 1.85 |
#0493ea | #04689d | 1.83 |
#0493ea | #6974ba | 1.32 |
#0493ea | #d1b4b6 | 1.71 |
#7cccf4 | #d1b4b6 | 1.08 |
#04689d | #6974ba | 1.38 |
Paleta de imagens Web ui design ux hex colors png
Exportar paleta
Baixe a "Web ui design ux hex colors" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: