Criado em 06/30/2025 17:45
Hyperlink UI Interaction Suite
- Click Indigo#4339f2
- Hover Pink#ff5ca8
- Visited Blue#0077cc
- Focus Cream#fffdf5
- Target Grey#6e7a8a
- Panel Beige#f4f1de
A paleta consiste em cores Luz, Semi escuro. Cores de destaque Visited Blue #0077cc e Focus Cream #fffdf5. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #0077CC (mais escuro) a #FFFDF5 (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto) — 67% das cores são vívidas.
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 (3 de 6).
Códigos HEX (ordenados): #0077CC, #4339F2, #6E7A8A, #F4F1DE, #FF5CA8, #FFFDF5
A paleta Hyperlink UI Interaction Suite tem uma combinação de cores de códigos de 6:
HEX: #4339f2, RGB: (67, 57, 242); HEX: #ff5ca8, RGB: (255, 92, 168); HEX: #0077cc, RGB: (0, 119, 204)
HEX: #fffdf5, RGB: (255, 253, 245); HEX: #6e7a8a, RGB: (110, 122, 138); HEX: #f4f1de, RGB: (244, 241, 222)
Versão simplificada das cores da paleta
Sombra de Azul, Matiz de hotpink, Matiz de steelblue, Sombra de floralwhite, Matiz de slategrey, Matiz de beige
O esquema de cores foi criado por palettespicker
Códigos de cores na paleta
Hyperlink UI Interaction Suite códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #4339f2 | #4339f2 | RGB(67, 57, 242) | Click Indigo | — |
| #ff5ca8 | #ff5ca8 | RGB(255, 92, 168) | Hover Pink | — |
| #0077cc | #0077cc | RGB(0, 119, 204) | Visited Blue | — |
| #fffdf5 | #fffdf5 | RGB(255, 253, 245) | Focus Cream | — |
| #6e7a8a | #6e7a8a | RGB(110, 122, 138) | Target Grey | — |
| #f4f1de | #f4f1de | RGB(244, 241, 222) | Panel Beige | — |
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 |
|---|---|---|
#4339f2 | #0077cc | 1.45 |
#4339f2 | #6e7a8a | 1.54 |
#ff5ca8 | #0077cc | 1.62 |
#ff5ca8 | #6e7a8a | 1.52 |
#0077cc | #6e7a8a | 1.06 |
#fffdf5 | #f4f1de | 1.11 |
Paleta de imagens Hyperlink UI Interaction Suite png
Exportar paleta
Baixe a "Hyperlink UI Interaction Suite" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: