Criado em 07/22/2025 16:55
UI Accessibility Testing Kit Colors
- HighContrast Yellow#ffdd00
- Error Red#ff3b30
- Readable Sky#4aa1f3
- Compliance Gray#b0bec5
- Keyboard Black#1c1c1e
- Voice Text White#ffffff
A paleta consiste em cores Luz, Semi escuro, Escuro. Cores de destaque HighContrast Yellow #ffdd00 e Readable Sky #4aa1f3. A paleta tem Esquentar, Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #1C1C1E (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.
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).
Notas quentes e frias estão bastante equilibradas.
Códigos HEX (ordenados): #1C1C1E, #4AA1F3, #B0BEC5, #FF3B30, #FFDD00, #FFFFFF
A paleta UI Accessibility Testing Kit Colors tem uma combinação de cores de códigos de 6:
HEX: #ffdd00, RGB: (255, 221, 0); HEX: #ff3b30, RGB: (255, 59, 48); HEX: #4aa1f3, RGB: (74, 161, 243)
HEX: #b0bec5, RGB: (176, 190, 197); HEX: #1c1c1e, RGB: (28, 28, 30); HEX: #ffffff, RGB: (255, 255, 255)
Versão simplificada das cores da paleta
Sombra de gold, Matiz de tomato, Sombra de dodgerblue, Matiz de Prata, Sombra de Preto, Branco
O esquema de cores foi criado por colorday
Códigos de cores na paleta
UI Accessibility Testing Kit Colors códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #ffdd00 | #ffdd00 | RGB(255, 221, 0) | HighContrast Yellow | Super Saiyan |
| #ff3b30 | #ff3b30 | RGB(255, 59, 48) | Error Red | — |
| #4aa1f3 | #4aa1f3 | RGB(74, 161, 243) | Readable Sky | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Compliance Gray | Ocean Drive |
| #1c1c1e | #1c1c1e | RGB(28, 28, 30) | Keyboard Black | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Voice Text White | White |
Contraste da Paleta de Cores
6 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 |
#ffdd00 | #b0bec5 | 1.41 |
#ffdd00 | #ffffff | 1.34 |
#ff3b30 | #4aa1f3 | 1.29 |
#ff3b30 | #b0bec5 | 1.86 |
#4aa1f3 | #b0bec5 | 1.43 |
#b0bec5 | #ffffff | 1.9 |
Paleta de imagens UI Accessibility Testing Kit Colors png
Exportar paleta
Baixe a "UI Accessibility Testing Kit Colors" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: