Criado em 06/14/2025 19:40
AI Form Autofill Design Tokens
- Field Rose#ffd1dc
- Label Slate#94a3b8
- Helper Mint#b9fbc0
- Valid Cream#f7f9f9
- Invalid Red#ef4444
- Submit Graphite#1c1c1e
A paleta consiste em cores Luz, Escuro. Cores de destaque Field Rose #ffd1dc e Helper Mint #b9fbc0. A paleta tem Neutro, Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #1C1C1E (mais escuro) a #F7F9F9 (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): #1C1C1E, #94A3B8, #B9FBC0, #EF4444, #F7F9F9, #FFD1DC
A paleta AI Form Autofill Design Tokens tem uma combinação de cores de códigos de 6:
HEX: #ffd1dc, RGB: (255, 209, 220); HEX: #94a3b8, RGB: (148, 163, 184); HEX: #b9fbc0, RGB: (185, 251, 192)
HEX: #f7f9f9, RGB: (247, 249, 249); HEX: #ef4444, RGB: (239, 68, 68); HEX: #1c1c1e, RGB: (28, 28, 30)
Versão simplificada das cores da paleta
Sombra de Rosa, Sombra de lightslategrey, Sombra de palegreen, Sombra de whitesmoke, Matiz de indianred, Sombra de Preto
O esquema de cores foi criado por colorscheme
Códigos de cores na paleta
AI Form Autofill Design Tokens códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #ffd1dc | #ffd1dc | RGB(255, 209, 220) | Field Rose | — |
| #94a3b8 | #94a3b8 | RGB(148, 163, 184) | Label Slate | — |
| #b9fbc0 | #b9fbc0 | RGB(185, 251, 192) | Helper Mint | — |
| #f7f9f9 | #f7f9f9 | RGB(247, 249, 249) | Valid Cream | — |
| #ef4444 | #ef4444 | RGB(239, 68, 68) | Invalid Red | — |
| #1c1c1e | #1c1c1e | RGB(28, 28, 30) | Submit Graphite | — |
Contraste da Paleta de Cores
5 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 |
#ffd1dc | #94a3b8 | 1.88 |
#ffd1dc | #b9fbc0 | 1.14 |
#ffd1dc | #f7f9f9 | 1.28 |
#94a3b8 | #ef4444 | 1.46 |
#b9fbc0 | #f7f9f9 | 1.12 |
Paleta de imagens AI Form Autofill Design Tokens png
Exportar paleta
Baixe a "AI Form Autofill Design Tokens" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: