Criado em 03/15/2023 12:10
Web design ui colours
- Ball Blue#1abfc7
- Water#c9f9f9
- Dark Imperial Blue#051565
- Blue-Violet (Crayola)#6b71ad
- Dark Vanilla#c4bcac
- Charleston Green#242c2c
A paleta consiste em cores Luz, Escuro. Cores de destaque Dark Imperial Blue #051565 e Dark Vanilla #c4bcac. A paleta tem Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #242C2C (mais escuro) a #C9F9F9 (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): #051565, #1ABFC7, #242C2C, #6B71AD, #C4BCAC, #C9F9F9
A paleta Web design ui colours tem uma combinação de cores de códigos de 6:
HEX: #1abfc7, RGB: (26, 191, 199); HEX: #c9f9f9, RGB: (201, 249, 249); HEX: #051565, RGB: (5, 21, 101)
HEX: #6b71ad, RGB: (107, 113, 173); HEX: #c4bcac, RGB: (196, 188, 172); HEX: #242c2c, RGB: (36, 44, 44)
Versão simplificada das cores da paleta
Matiz de darkturquoise, Matiz de lightcyan, Matiz de midnightblue, Sombra de slateblue, Matiz de Prata, Sombra de Preto
O esquema de cores foi criado por colorstudio
Códigos de cores na paleta
Web design ui colours códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #1abfc7 | #1abfc7 | RGB(26, 191, 199) | Ball Blue | — |
| #c9f9f9 | #c9f9f9 | RGB(201, 249, 249) | Water | — |
| #051565 | #051565 | RGB(5, 21, 101) | Dark Imperial Blue | — |
| #6b71ad | #6b71ad | RGB(107, 113, 173) | Blue-Violet (Crayola) | — |
| #c4bcac | #c4bcac | RGB(196, 188, 172) | Dark Vanilla | — |
| #242c2c | #242c2c | RGB(36, 44, 44) | Charleston Green | — |
Contraste da Paleta de Cores
4 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 |
#1abfc7 | #c9f9f9 | 1.97 |
#1abfc7 | #c4bcac | 1.19 |
#c9f9f9 | #c4bcac | 1.65 |
#051565 | #242c2c | 1.13 |
Paleta de imagens Web design ui colours png
Exportar paleta
Baixe a "Web design ui colours" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: