Criado em 06/10/2025 17:21
Web Accessibility Contrast Suite
- Readable Yellow#ffeb3b
- Background Coal#121212
- Focus Green#66bb6a
- Assistive Teal#0097a7
- Label Light Gray#f5f5f5
- Text Onyx#212121
- UI Signal Red#f44336
A paleta consiste em cores Luz, Escuro. Cores de destaque Readable Yellow #ffeb3b e Assistive Teal #0097a7. A paleta tem Esquentar, Neutro, Legal temperatura de cores.
Em luminosidade, a paleta vai de #121212 (mais escuro) a #F5F5F5 (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).
A maioria das amostras lê-se como neutra em temperatura.
Códigos HEX (ordenados): #0097A7, #121212, #212121, #66BB6A, #F44336, #F5F5F5, #FFEB3B
A paleta Web Accessibility Contrast Suite tem uma combinação de cores de códigos de 7:
HEX: #ffeb3b, RGB: (255, 235, 59); HEX: #121212, RGB: (18, 18, 18); HEX: #66bb6a, RGB: (102, 187, 106)
HEX: #0097a7, RGB: (0, 151, 167); HEX: #f5f5f5, RGB: (245, 245, 245); HEX: #212121, RGB: (33, 33, 33)
HEX: #f44336, RGB: (244, 67, 54)
Versão simplificada das cores da paleta
Matiz de Amarelo, Sombra de Preto, Sombra de mediumseagreen, Matiz de cadetblue, Sombra de Preto, Matiz de tomato
O esquema de cores foi criado por palettespicker
Códigos de cores na paleta
Web Accessibility Contrast Suite códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #ffeb3b | #ffeb3b | RGB(255, 235, 59) | Readable Yellow | — |
| #121212 | #121212 | RGB(18, 18, 18) | Background Coal | Dark Tone Ink |
| #66bb6a | #66bb6a | RGB(102, 187, 106) | Focus Green | — |
| #0097a7 | #0097a7 | RGB(0, 151, 167) | Assistive Teal | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Label Light Gray | White Smoke |
| #212121 | #212121 | RGB(33, 33, 33) | Text Onyx | Lead |
| #f44336 | #f44336 | RGB(244, 67, 54) | UI Signal Red | — |
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 |
#ffeb3b | #66bb6a | 1.93 |
#ffeb3b | #f5f5f5 | 1.11 |
#121212 | #212121 | 1.16 |
#66bb6a | #0097a7 | 1.48 |
#66bb6a | #f44336 | 1.55 |
#0097a7 | #f44336 | 1.04 |
Paleta de imagens Web Accessibility Contrast Suite png
Exportar paleta
Baixe a "Web Accessibility Contrast Suite" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: