Frontend Experience Schema
- UX Dust#f7f1e1
- Input Teal#009fb7
- State Orchid#d4a5a5
- Flowchart Blue#9dd9f3
- Base Ink#282828
Frontend Experience Schema tem 5 cores de muitas tonalidades diferentes. A cor mais clara é UX Dust (#F7F1E1) e a mais escura, Base Ink (#282828). O par com maior contraste é #282828 sobre #F7F1E1 (13.0:1, WCAG AAA).
Criado em 07/08/2025 20:02
A paleta consiste em cores Claro, Escuro. Cores de destaque UX Dust #f7f1e1 e Input Teal #009fb7. A paleta tem Neutro, Frio, Quente temperatura de cores.
Em luminosidade, a paleta vai de #282828 (mais escuro) a #F7F1E1 (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto) — 60% 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 (2 de 5).
Códigos HEX (ordenados): #009FB7, #282828, #9DD9F3, #D4A5A5, #F7F1E1
A paleta Frontend Experience Schema combina 5 códigos de cor:
HEX: #f7f1e1, RGB: (247, 241, 225); HEX: #009fb7, RGB: (0, 159, 183); HEX: #d4a5a5, RGB: (212, 165, 165)
HEX: #9dd9f3, RGB: (157, 217, 243); HEX: #282828, RGB: (40, 40, 40)
Versão simplificada das cores da paleta
Tom escuro de Renda-antiga, Tom escuro de Azul-cadete, Tom claro de Marrom-rosado, Tom claro de Azul-céu, Tom claro de Preto
O esquema de cores foi criado por colorday
Códigos de cores na paleta
Frontend Experience Schema códigos de cores HEX, informações RGB na tabela
Contraste da paleta de cores
4 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 |
|---|---|---|
#f7f1e1 | #d4a5a5 | 1.91 |
#f7f1e1 | #9dd9f3 | 1.36 |
#009fb7 | #d4a5a5 | 1.46 |
#d4a5a5 | #9dd9f3 | 1.4 |
Paleta de imagens Frontend Experience Schema png
Exportar paleta
Baixe a "Frontend Experience Schema" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: