Web UI Accessibility Tokens
- Readable Navy#1f2937
- Label White#ffffff
- Focus Aqua#22d3ee
- Error Red#ef4444
- Active Lavender#ddd6fe
- Support Grey#d1d5db
Criado em 06/14/2025 19:44
A paleta consiste em cores Escuro, Claro. Cores de destaque Focus Aqua #22d3ee e Active Lavender #ddd6fe. A paleta tem Frio, Neutro, Quente temperatura de cores.
Em luminosidade, a paleta vai de #1F2937 (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 3 suaves e 3 vívidas em 6 cores.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
No geral, a temperatura tende para o frio (4 de 6).
Códigos HEX (ordenados): #1F2937, #22D3EE, #D1D5DB, #DDD6FE, #EF4444, #FFFFFF
A paleta Web UI Accessibility Tokens combina 6 códigos de cor:
HEX: #1f2937, RGB: (31, 41, 55); HEX: #ffffff, RGB: (255, 255, 255); HEX: #22d3ee, RGB: (34, 211, 238)
HEX: #ef4444, RGB: (239, 68, 68); HEX: #ddd6fe, RGB: (221, 214, 254); HEX: #d1d5db, RGB: (209, 213, 219)
Versão simplificada das cores da paleta
Tom claro de Preto, Branco, Tom claro de Turquesa-escuro, Tom escuro de Vermelho-indiano, Tom escuro de Lavanda, Tom claro de Cinza-claro
O esquema de cores foi criado por colorslib
Códigos de cores na paleta
Web UI Accessibility Tokens códigos de cores HEX, informações RGB na tabela
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 | Razão de contraste |
|---|---|---|
#ffffff | #22d3ee | 1.8 |
#ffffff | #ddd6fe | 1.38 |
#ffffff | #d1d5db | 1.47 |
#22d3ee | #ddd6fe | 1.3 |
#22d3ee | #d1d5db | 1.22 |
#ddd6fe | #d1d5db | 1.06 |
Paleta de imagens Web UI Accessibility Tokens png
Exportar paleta
Baixe a "Web UI Accessibility Tokens" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: