Minimal HyperUI Starter Layout
- Card Bone#f9f6f2
- Link Indigo#4b4aef
- Field Sky#bee3f8
- Action Coral#ff7e6b
- Toggle Slate#5e6472
- Input Jet#1e1e1e
Criado em 06/08/2025 17:47
A paleta consiste em cores Claro, Semi escuro, Escuro. Cores de destaque Link Indigo #4b4aef e Action Coral #ff7e6b. A paleta tem Neutro, Frio, Quente temperatura de cores.
Em luminosidade, a paleta vai de #1E1E1E (mais escuro) a #F9F6F2 (mais claro). A faixa de luminosidade é ampla.
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 (2 de 6).
Códigos HEX (ordenados): #1E1E1E, #4B4AEF, #5E6472, #BEE3F8, #F9F6F2, #FF7E6B
A paleta Minimal HyperUI Starter Layout combina 6 códigos de cor:
HEX: #f9f6f2, RGB: (249, 246, 242); HEX: #4b4aef, RGB: (75, 74, 239); HEX: #bee3f8, RGB: (190, 227, 248)
HEX: #ff7e6b, RGB: (255, 126, 107); HEX: #5e6472, RGB: (94, 100, 114); HEX: #1e1e1e, RGB: (30, 30, 30)
Versão simplificada das cores da paleta
Tom claro de Fumaça-branca, Tom escuro de Azul-ardósia, Tom claro de Azul-claro, Tom escuro de Salmão, Tom escuro de Cinza-fosco, Tom claro de Preto
O esquema de cores foi criado por bad_colors
Códigos de cores na paleta
Minimal HyperUI Starter Layout códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #f9f6f2 | #f9f6f2 | RGB(249, 246, 242) | Card Bone | — |
| #4b4aef | #4b4aef | RGB(75, 74, 239) | Link Indigo | — |
| #bee3f8 | #bee3f8 | RGB(190, 227, 248) | Field Sky | — |
| #ff7e6b | #ff7e6b | RGB(255, 126, 107) | Action Coral | — |
| #5e6472 | #5e6472 | RGB(94, 100, 114) | Toggle Slate | — |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Input Jet | — |
Contraste da paleta de cores
3 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 |
|---|---|---|
#f9f6f2 | #bee3f8 | 1.25 |
#4b4aef | #5e6472 | 1 |
#bee3f8 | #ff7e6b | 1.83 |
Paleta de imagens Minimal HyperUI Starter Layout png
Exportar paleta
Baixe a "Minimal HyperUI Starter Layout" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis:
