Criado em 06/16/2025 20:07
Hypermedia Navigation UI Toolkit
- Breadcrumb Bronze#c1995e
- Anchor Tag Teal#1ac6a8
- Responsive Clay#e2ded0
- Viewport Violet#9873ff
- Scroll Link Blush#f29db6
- Sticky Header Navy#233142
A paleta consiste em cores Luz, Escuro. Cores de destaque Breadcrumb Bronze #c1995e e Viewport Violet #9873ff. A paleta tem Esquentar, Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #233142 (mais escuro) a #E2DED0 (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): #1AC6A8, #233142, #9873FF, #C1995E, #E2DED0, #F29DB6
A paleta Hypermedia Navigation UI Toolkit tem uma combinação de cores de códigos de 6:
HEX: #c1995e, RGB: (193, 153, 94); HEX: #1ac6a8, RGB: (26, 198, 168); HEX: #e2ded0, RGB: (226, 222, 208)
HEX: #9873ff, RGB: (152, 115, 255); HEX: #f29db6, RGB: (242, 157, 182); HEX: #233142, RGB: (35, 49, 66)
Versão simplificada das cores da paleta
Matiz de tan, Matiz de mediumaquamarine, Matiz de oldlace, Sombra de mediumpurple, Matiz de lightpink, Sombra de midnightblue
O esquema de cores foi criado por palettespicker
Códigos de cores na paleta
Hypermedia Navigation UI Toolkit códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #c1995e | #c1995e | RGB(193, 153, 94) | Breadcrumb Bronze | — |
| #1ac6a8 | #1ac6a8 | RGB(26, 198, 168) | Anchor Tag Teal | — |
| #e2ded0 | #e2ded0 | RGB(226, 222, 208) | Responsive Clay | — |
| #9873ff | #9873ff | RGB(152, 115, 255) | Viewport Violet | — |
| #f29db6 | #f29db6 | RGB(242, 157, 182) | Scroll Link Blush | — |
| #233142 | #233142 | RGB(35, 49, 66) | Sticky Header Navy | — |
Contraste da Paleta de Cores
9 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 |
#c1995e | #1ac6a8 | 1.21 |
#c1995e | #e2ded0 | 1.95 |
#c1995e | #9873ff | 1.28 |
#c1995e | #f29db6 | 1.28 |
#1ac6a8 | #e2ded0 | 1.6 |
#1ac6a8 | #9873ff | 1.55 |
Paleta de imagens Hypermedia Navigation UI Toolkit png
Exportar paleta
Baixe a "Hypermedia Navigation UI Toolkit" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: