UX-Focused Interface Stack
- Hierarchy Indigo#5a55a3
- Visual Ivory#fffdfb
- Signal Red#ff6f69
- Call To Action Mint#88f0a4
- Guide Teal#00ced1
- Prototype Rose#fdc5c5
Criado em 06/20/2025 07:33
A paleta consiste em cores Semi escuro, Claro. Cores de destaque Visual Ivory #fffdfb e Guide Teal #00ced1. A paleta tem Frio, Neutro, Quente temperatura de cores.
Em luminosidade, a paleta vai de #5A55A3 (mais escuro) a #FFFDFB (mais claro). A faixa de luminosidade é moderada.
A saturação global parece vívida (croma alto) — 83% das cores são vívidas.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
No geral, a temperatura tende para o frio (3 de 6).
Códigos HEX (ordenados): #00CED1, #5A55A3, #88F0A4, #FDC5C5, #FF6F69, #FFFDFB
A paleta UX-Focused Interface Stack combina 6 códigos de cor:
HEX: #5a55a3, RGB: (90, 85, 163); HEX: #fffdfb, RGB: (255, 253, 251); HEX: #ff6f69, RGB: (255, 111, 105)
HEX: #88f0a4, RGB: (136, 240, 164); HEX: #00ced1, RGB: (0, 206, 209); HEX: #fdc5c5, RGB: (253, 197, 197)
Versão simplificada das cores da paleta
Tom escuro de Azul-ardósia, Tom escuro de Branco, Tom escuro de Salmão, Tom claro de Verde-claro, Turquesa-escuro, Tom claro de Rosa
O esquema de cores foi criado por bad_colors
Códigos de cores na paleta
UX-Focused Interface Stack códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #5a55a3 | #5a55a3 | RGB(90, 85, 163) | Hierarchy Indigo | — |
| #fffdfb | #fffdfb | RGB(255, 253, 251) | Visual Ivory | — |
| #ff6f69 | #ff6f69 | RGB(255, 111, 105) | Signal Red | — |
| #88f0a4 | #88f0a4 | RGB(136, 240, 164) | Call To Action Mint | — |
| #00ced1 | #00ced1 | RGB(0, 206, 209) | Guide Teal | Darkturquoise |
| #fdc5c5 | #fdc5c5 | RGB(253, 197, 197) | Prototype Rose | — |
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 | Razão de contraste |
|---|---|---|
#fffdfb | #88f0a4 | 1.37 |
#fffdfb | #00ced1 | 1.92 |
#fffdfb | #fdc5c5 | 1.48 |
#ff6f69 | #88f0a4 | 1.94 |
#ff6f69 | #00ced1 | 1.39 |
#ff6f69 | #fdc5c5 | 1.8 |
Paleta de imagens UX-Focused Interface Stack png
Exportar paleta
Baixe a "UX-Focused Interface Stack" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: