Interaction design web product tokens colours
- Ultramarine Blue#4841f8
- Very Light Blue#5c57fc
- Indigo (Rainbow)#25206b
- Pearly Purple#a76ba1
- Metallic Silver#a1a6b5
- Soldier Green#5c582a
Criado em 03/15/2023 21:42
A paleta consiste em cores Semi escuro, Escuro, Claro. Cores de destaque Very Light Blue #5c57fc e Soldier Green #5c582a. A paleta tem Frio, Neutro, Quente temperatura de cores.
Em luminosidade, a paleta vai de #25206B (mais escuro) a #A1A6B5 (mais claro). A faixa de luminosidade é moderada.
Saturação mista — 2 suaves e 3 vívidas em 6 cores.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
No geral, a temperatura tende para o frio (4 de 6).
Códigos HEX (ordenados): #25206B, #4841F8, #5C57FC, #5C582A, #A1A6B5, #A76BA1
A paleta Interaction design web product tokens colours combina 6 códigos de cor:
HEX: #4841f8, RGB: (72, 65, 248); HEX: #5c57fc, RGB: (92, 87, 252); HEX: #25206b, RGB: (37, 32, 107)
HEX: #a76ba1, RGB: (167, 107, 161); HEX: #a1a6b5, RGB: (161, 166, 181); HEX: #5c582a, RGB: (92, 88, 42)
Versão simplificada das cores da paleta
Tom escuro de Azul-ardósia, Tom escuro de Azul-ardósia, Tom claro de Azul-meia-noite, Tom claro de Orquídea-média, Tom escuro de Cinza-escuro, Tom escuro de Verde-oliva-escuro
O esquema de cores foi criado por colorhunt
Códigos de cores na paleta
Interaction design web product tokens colours códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #4841f8 | #4841f8 | RGB(72, 65, 248) | Ultramarine Blue | — |
| #5c57fc | #5c57fc | RGB(92, 87, 252) | Very Light Blue | — |
| #25206b | #25206b | RGB(37, 32, 107) | Indigo (Rainbow) | — |
| #a76ba1 | #a76ba1 | RGB(167, 107, 161) | Pearly Purple | — |
| #a1a6b5 | #a1a6b5 | RGB(161, 166, 181) | Metallic Silver | — |
| #5c582a | #5c582a | RGB(92, 88, 42) | Soldier Green | — |
Contraste da paleta de cores
8 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Razão de contraste |
|---|---|---|
#4841f8 | #5c57fc | 1.24 |
#4841f8 | #a76ba1 | 1.55 |
#4841f8 | #5c582a | 1.17 |
#5c57fc | #a76ba1 | 1.24 |
#5c57fc | #5c582a | 1.46 |
#25206b | #5c582a | 1.92 |
Paleta de imagens Interaction design web product tokens colours png
Exportar paleta
Baixe a "Interaction design web product tokens colours" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: