AI Form Autofill Design Tokens

Field Rose
#ffd1dc
Label Slate
#94a3b8
Helper Mint
#b9fbc0
Valid Cream
#f7f9f9
Invalid Red
#ef4444
Submit Graphite
#1c1c1e

La paleta consta de Luz, Oscuro colores. Colores de acento Field Rose #ffd1dc y Helper Mint #b9fbc0. La paleta tiene temperatura de color Neutral, Frío, Cálido.

Por luminosidad, la paleta va de #1C1C1E (más oscuro) a #F7F9F9 (más claro). El rango de luminosidad es amplio.

Saturación mixta: algunos colores apagados y acentos más vivos.

Algunos pares de matices están cerca de posiciones complementarias — puede leerse como contraste complementario (heurística).

La mayoría de muestras se leen como neutras en temperatura.

Códigos HEX (ordenados): #1C1C1E, #94A3B8, #B9FBC0, #EF4444, #F7F9F9, #FFD1DC

La paleta AI Form Autofill Design Tokens tiene una combinación de colores 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)

Versión simplificada de la paleta de colores

Sombra de Rosa, Sombra de lightslategrey, Sombra de palegreen, Sombra de whitesmoke, Matiz de indianred, Sombra de Negro

El esquema de color fue creado por colorscheme

Más paletas con:

Códigos de colores en la paleta

AI Form Autofill Design Tokens códigos de color HEX, información RGB en la tabla

Color	HEX	RGB	Nombre	nombre 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 de la paleta de colores

5 pares de colores tienen un contraste bajo y necesitan mejoras, lo que puede afectar la legibilidad.

Color de texto	Color de fondo	Relación de contraste
#ffd1dc	#94a3b8	1.88
#ffd1dc	#b9fbc0	1.14
#ffd1dc	#f7f9f9	1.28
#94a3b8	#ef4444	1.46
#b9fbc0	#f7f9f9	1.12

Paleta de imágenes AI Form Autofill Design Tokens png

AI Form Autofill Design Tokens - #552133

--color-field-rose:	#ffd1dc;
--color-label-slate:	#94a3b8;
--color-helper-mint:	#b9fbc0;
--color-valid-cream:	#f7f9f9;
--color-invalid-red:	#ef4444;
--color-submit-graphite:	#1c1c1e;

$color-field-rose:	#ffd1dc;
$color-label-slate:	#94a3b8;
$color-helper-mint:	#b9fbc0;
$color-valid-cream:	#f7f9f9;
$color-invalid-red:	#ef4444;
$color-submit-graphite:	#1c1c1e;

@color-field-rose:	#ffd1dc;
@color-label-slate:	#94a3b8;
@color-helper-mint:	#b9fbc0;
@color-valid-cream:	#f7f9f9;
@color-invalid-red:	#ef4444;
@color-submit-graphite:	#1c1c1e;