Criado em 07/28/2025 19:49
Adaptive UI Framework Generator
- Responsive Lime#d0ffb3
- Breakpoint Peach#ffd6a5
- Component Indigo#8e9aaf
- Layout Cream#fff8e5
- Flex Gray#cdcdcd
- View White#fcfcfc
A paleta consiste em cores Luz. Cores de destaque Component Indigo #8e9aaf e Layout Cream #fff8e5. A paleta tem Neutro, Esquentar, Legal temperatura de cores.
Em luminosidade, a paleta vai de #8E9AAF (mais escuro) a #FCFCFC (mais claro). A faixa de luminosidade é moderada.
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).
A maioria das amostras lê-se como neutra em temperatura.
Códigos HEX (ordenados): #8E9AAF, #CDCDCD, #D0FFB3, #FCFCFC, #FFD6A5, #FFF8E5
A paleta Adaptive UI Framework Generator tem uma combinação de cores de códigos de 6:
HEX: #d0ffb3, RGB: (208, 255, 179); HEX: #ffd6a5, RGB: (255, 214, 165); HEX: #8e9aaf, RGB: (142, 154, 175)
HEX: #fff8e5, RGB: (255, 248, 229); HEX: #cdcdcd, RGB: (205, 205, 205); HEX: #fcfcfc, RGB: (252, 252, 252)
Versão simplificada das cores da paleta
Sombra de palegreen, Matiz de navajowhite, Sombra de lightslategrey, Sombra de oldlace, Matiz de lightgrey, Matiz de Branco
O esquema de cores foi criado por colorscheme
Códigos de cores na paleta
Adaptive UI Framework Generator códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #d0ffb3 | #d0ffb3 | RGB(208, 255, 179) | Responsive Lime | — |
| #ffd6a5 | #ffd6a5 | RGB(255, 214, 165) | Breakpoint Peach | — |
| #8e9aaf | #8e9aaf | RGB(142, 154, 175) | Component Indigo | — |
| #fff8e5 | #fff8e5 | RGB(255, 248, 229) | Layout Cream | — |
| #cdcdcd | #cdcdcd | RGB(205, 205, 205) | Flex Gray | Compact Disc Grey |
| #fcfcfc | #fcfcfc | RGB(252, 252, 252) | View White | Gray99 |
Contraste da Paleta de Cores
11 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 |
#d0ffb3 | #ffd6a5 | 1.2 |
#d0ffb3 | #fff8e5 | 1.06 |
#d0ffb3 | #cdcdcd | 1.41 |
#d0ffb3 | #fcfcfc | 1.09 |
#ffd6a5 | #fff8e5 | 1.28 |
#ffd6a5 | #cdcdcd | 1.16 |
Paleta de imagens Adaptive UI Framework Generator png
Exportar paleta
Baixe a "Adaptive UI Framework Generator" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: