Accessible SaaS Admin Dashboard
- Panel White#ffffff
- Tooltip Yellow#f7dc6f
- Error Crimson#e63946
- Menu Graphite#4a4a4a
- Safe Blue#1d84b5
- Form Mint#cffde1
- Focus Border#95a3b3
Criado em 07/13/2025 17:38
A paleta consiste em cores Claro, Semi escuro. Cores de destaque Error Crimson #e63946 e Form Mint #cffde1. A paleta tem Neutro, Quente, Frio temperatura de cores.
Em luminosidade, a paleta vai de #4A4A4A (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto) — 57% 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 7).
Códigos HEX (ordenados): #1D84B5, #4A4A4A, #95A3B3, #CFFDE1, #E63946, #F7DC6F, #FFFFFF
A paleta Accessible SaaS Admin Dashboard combina 7 códigos de cor:
HEX: #ffffff, RGB: (255, 255, 255); HEX: #f7dc6f, RGB: (247, 220, 111); HEX: #e63946, RGB: (230, 57, 70)
HEX: #4a4a4a, RGB: (74, 74, 74); HEX: #1d84b5, RGB: (29, 132, 181); HEX: #cffde1, RGB: (207, 253, 225)
HEX: #95a3b3, RGB: (149, 163, 179)
Versão simplificada das cores da paleta
Branco, Tom escuro de Cáqui, Tom claro de Carmesim, Tom escuro de Cinza-fosco, Tom escuro de Azul-aço, Tom escuro de Melão, Tom claro de Cinza-ardósia-claro
O esquema de cores foi criado por raccoon
Códigos de cores na paleta
Accessible SaaS Admin Dashboard códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #ffffff | #ffffff | RGB(255, 255, 255) | Panel White | White |
| #f7dc6f | #f7dc6f | RGB(247, 220, 111) | Tooltip Yellow | — |
| #e63946 | #e63946 | RGB(230, 57, 70) | Error Crimson | — |
| #4a4a4a | #4a4a4a | RGB(74, 74, 74) | Menu Graphite | Gray29 |
| #1d84b5 | #1d84b5 | RGB(29, 132, 181) | Safe Blue | — |
| #cffde1 | #cffde1 | RGB(207, 253, 225) | Form Mint | — |
| #95a3b3 | #95a3b3 | RGB(149, 163, 179) | Focus Border | — |
Contraste da paleta de cores
7 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 |
|---|---|---|
#ffffff | #f7dc6f | 1.36 |
#ffffff | #cffde1 | 1.11 |
#f7dc6f | #cffde1 | 1.21 |
#f7dc6f | #95a3b3 | 1.88 |
#e63946 | #1d84b5 | 1 |
#e63946 | #95a3b3 | 1.62 |
Paleta de imagens Accessible SaaS Admin Dashboard png
Exportar paleta
Baixe a "Accessible SaaS Admin Dashboard" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: