Criado em 07/02/2025 16:50
Hyperlink Interactive UI System
- Anchor Blue#1e88e5
- Visited Purple#8e24aa
- Hover Mint#69f0ae
- Active Coral#ff7043
- Focus Yellow#fff176
- Text Black#212121
- Background White#fafafa
A paleta consiste em cores Luz, Escuro. Cores de destaque Anchor Blue #1e88e5 e Focus Yellow #fff176. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #212121 (mais escuro) a #FAFAFA (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto).
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): #1E88E5, #212121, #69F0AE, #8E24AA, #FAFAFA, #FF7043, #FFF176
A paleta Hyperlink Interactive UI System tem uma combinação de cores de códigos de 7:
HEX: #1e88e5, RGB: (30, 136, 229); HEX: #8e24aa, RGB: (142, 36, 170); HEX: #69f0ae, RGB: (105, 240, 174)
HEX: #ff7043, RGB: (255, 112, 67); HEX: #fff176, RGB: (255, 241, 118); HEX: #212121, RGB: (33, 33, 33)
HEX: #fafafa, RGB: (250, 250, 250)
Versão simplificada das cores da paleta
Matiz de dodgerblue, Matiz de darkorchid, Sombra de mediumspringgreen, Matiz de coral, Sombra de Cáqui, Sombra de Preto, Sombra de whitesmoke
O esquema de cores foi criado por colourlock
Códigos de cores na paleta
Hyperlink Interactive UI System códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #1e88e5 | #1e88e5 | RGB(30, 136, 229) | Anchor Blue | — |
| #8e24aa | #8e24aa | RGB(142, 36, 170) | Visited Purple | — |
| #69f0ae | #69f0ae | RGB(105, 240, 174) | Hover Mint | — |
| #ff7043 | #ff7043 | RGB(255, 112, 67) | Active Coral | — |
| #fff176 | #fff176 | RGB(255, 241, 118) | Focus Yellow | — |
| #212121 | #212121 | RGB(33, 33, 33) | Text Black | Lead |
| #fafafa | #fafafa | RGB(250, 250, 250) | Background White | Dr. White |
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 |
#1e88e5 | #8e24aa | 1.91 |
#1e88e5 | #ff7043 | 1.34 |
#69f0ae | #ff7043 | 1.91 |
#69f0ae | #fff176 | 1.23 |
#69f0ae | #fafafa | 1.37 |
#fff176 | #fafafa | 1.11 |
Paleta de imagens Hyperlink Interactive UI System png
Exportar paleta
Baixe a "Hyperlink Interactive UI System" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: