Criado em 07/22/2025 11:50
Accessible Contrast-First Vue Components
- ADA Aqua#00acc1
- Standard Black#000000
- Banner Light#f5f5f5
- Headline Amber#ffc107
- Link Purple#7e57c2
- Modal White#ffffff
- Form Label Gray#757575
A paleta consiste em cores Luz, Escuro. Cores de destaque ADA Aqua #00acc1 e Headline Amber #ffc107. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #000000 (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.
A saturação global parece maioritariamente suave (croma baixo).
Os matizes espalham-se amplamente na roda — paleta variada (heurística).
A maioria das amostras lê-se como neutra em temperatura.
Códigos HEX (ordenados): #000000, #00ACC1, #757575, #7E57C2, #F5F5F5, #FFC107, #FFFFFF
A paleta Accessible Contrast-First Vue Components tem uma combinação de cores de códigos de 7:
HEX: #00acc1, RGB: (0, 172, 193); HEX: #000000, RGB: (0, 0, 0); HEX: #f5f5f5, RGB: (245, 245, 245)
HEX: #ffc107, RGB: (255, 193, 7); HEX: #7e57c2, RGB: (126, 87, 194); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #757575, RGB: (117, 117, 117)
Versão simplificada das cores da paleta
Matiz de cadetblue, Preto, Matiz de gold, Sombra de slateblue, Branco, Sombra de dimgrey
O esquema de cores foi criado por raccoon
Códigos de cores na paleta
Accessible Contrast-First Vue Components códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #00acc1 | #00acc1 | RGB(0, 172, 193) | ADA Aqua | — |
| #000000 | #000000 | RGB(0, 0, 0) | Standard Black | Black |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Banner Light | White Smoke |
| #ffc107 | #ffc107 | RGB(255, 193, 7) | Headline Amber | — |
| #7e57c2 | #7e57c2 | RGB(126, 87, 194) | Link Purple | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Modal White | White |
| #757575 | #757575 | RGB(117, 117, 117) | Form Label Gray | Sonic Silver |
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 |
#00acc1 | #ffc107 | 1.67 |
#00acc1 | #7e57c2 | 1.9 |
#00acc1 | #757575 | 1.68 |
#f5f5f5 | #ffc107 | 1.49 |
#f5f5f5 | #ffffff | 1.09 |
#ffc107 | #ffffff | 1.63 |
Paleta de imagens Accessible Contrast-First Vue Components png
Exportar paleta
Baixe a "Accessible Contrast-First Vue Components" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: