Criado em 07/16/2025 20:16
Accessible Design Language for AI Tools
- Clarity White#fcfcfc
- Contrast Navy#1e3a8a
- Highlight Lime#c0fdfb
- Accent Rose#fda4ba
- Text Black#111111
- Secondary Gray#9ca3af
- Tooltip Yellow#fff89a
A paleta consiste em cores Luz, Escuro. Cores de destaque Highlight Lime #c0fdfb e Tooltip Yellow #fff89a. A paleta tem Neutro, Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #111111 (mais escuro) a #FCFCFC (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): #111111, #1E3A8A, #9CA3AF, #C0FDFB, #FCFCFC, #FDA4BA, #FFF89A
A paleta Accessible Design Language for AI Tools tem uma combinação de cores de códigos de 7:
HEX: #fcfcfc, RGB: (252, 252, 252); HEX: #1e3a8a, RGB: (30, 58, 138); HEX: #c0fdfb, RGB: (192, 253, 251)
HEX: #fda4ba, RGB: (253, 164, 186); HEX: #111111, RGB: (17, 17, 17); HEX: #9ca3af, RGB: (156, 163, 175)
HEX: #fff89a, RGB: (255, 248, 154)
Versão simplificada das cores da paleta
Matiz de Branco, Matiz de darkslateblue, Sombra de paleturquoise, Matiz de lightpink, Sombra de Preto, Matiz de darkgrey, Sombra de Cáqui
O esquema de cores foi criado por colorscheme
Códigos de cores na paleta
Accessible Design Language for AI Tools códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #fcfcfc | #fcfcfc | RGB(252, 252, 252) | Clarity White | Gray99 |
| #1e3a8a | #1e3a8a | RGB(30, 58, 138) | Contrast Navy | — |
| #c0fdfb | #c0fdfb | RGB(192, 253, 251) | Highlight Lime | — |
| #fda4ba | #fda4ba | RGB(253, 164, 186) | Accent Rose | — |
| #111111 | #111111 | RGB(17, 17, 17) | Text Black | Dreamless Sleep |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Secondary Gray | — |
| #fff89a | #fff89a | RGB(255, 248, 154) | Tooltip Yellow | — |
Contraste da Paleta de Cores
8 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 |
#fcfcfc | #c0fdfb | 1.09 |
#fcfcfc | #fda4ba | 1.82 |
#fcfcfc | #fff89a | 1.06 |
#1e3a8a | #111111 | 1.82 |
#c0fdfb | #fda4ba | 1.66 |
#c0fdfb | #fff89a | 1.02 |
Paleta de imagens Accessible Design Language for AI Tools png
Exportar paleta
Baixe a "Accessible Design Language for AI Tools" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: