Criado em 08/18/2025 08:35
UI Kit AI Accessibility Canvas
- Card White#ffffff
- Contrast Black#0f172a
- Focus Blue#2563eb
- Error Red#f43f5e
- Success Green#22c55e
- Neutral Gray#9ca3af
- Highlight Amber#fbbf24
A paleta consiste em cores Luz, Escuro, Semi escuro. Cores de destaque Focus Blue #2563eb e Highlight Amber #fbbf24. A paleta tem Neutro, Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #0F172A (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto).
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #0F172A, #22C55E, #2563EB, #9CA3AF, #F43F5E, #FBBF24, #FFFFFF
A paleta UI Kit AI Accessibility Canvas tem uma combinação de cores de códigos de 7:
HEX: #ffffff, RGB: (255, 255, 255); HEX: #0f172a, RGB: (15, 23, 42); HEX: #2563eb, RGB: (37, 99, 235)
HEX: #f43f5e, RGB: (244, 63, 94); HEX: #22c55e, RGB: (34, 197, 94); HEX: #9ca3af, RGB: (156, 163, 175)
HEX: #fbbf24, RGB: (251, 191, 36)
Versão simplificada das cores da paleta
Branco, Sombra de Preto, Matiz de royalblue, Matiz de indianred, Matiz de limegreen, Matiz de darkgrey, Sombra de goldenrod
O esquema de cores foi criado por colourlock
Códigos de cores na paleta
UI Kit AI Accessibility Canvas códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #ffffff | #ffffff | RGB(255, 255, 255) | Card White | White |
| #0f172a | #0f172a | RGB(15, 23, 42) | Contrast Black | — |
| #2563eb | #2563eb | RGB(37, 99, 235) | Focus Blue | — |
| #f43f5e | #f43f5e | RGB(244, 63, 94) | Error Red | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Success Green | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Neutral Gray | — |
| #fbbf24 | #fbbf24 | RGB(251, 191, 36) | Highlight Amber | — |
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 | Taxa de contraste |
#ffffff | #fbbf24 | 1.66 |
#2563eb | #f43f5e | 1.4 |
#f43f5e | #22c55e | 1.61 |
#f43f5e | #9ca3af | 1.44 |
#22c55e | #9ca3af | 1.11 |
#22c55e | #fbbf24 | 1.36 |
Paleta de imagens UI Kit AI Accessibility Canvas png
Exportar paleta
Baixe a "UI Kit AI Accessibility Canvas" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: