Ambient Navigation UI Field

Compass Glow Yellow
#fff685
Location Ping Coral
#ff6b6b
Route Line Indigo
#3a0ca3
Waypoint Cream
#fdfdfd
Zone Grid Blue
#118ab2
Map Shadow Grey
#bebebe

La paleta consta de Luz, Oscuro colores. Colores de acento Compass Glow Yellow #fff685 y Route Line Indigo #3a0ca3. La paleta tiene temperatura de color Cálido, Frío, Neutral.

Por luminosidad, la paleta va de #3A0CA3 (más oscuro) a #FDFDFD (más claro). El rango de luminosidad es amplio.

La saturación global se siente viva (croma alto).

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

Las notas cálidas y frías están bastante equilibradas.

Códigos HEX (ordenados): #118AB2, #3A0CA3, #BEBEBE, #FDFDFD, #FF6B6B, #FFF685

La paleta Ambient Navigation UI Field tiene una combinación de colores de códigos de 6:

HEX: #fff685, RGB: (255, 246, 133); HEX: #ff6b6b, RGB: (255, 107, 107); HEX: #3a0ca3, RGB: (58, 12, 163)

HEX: #fdfdfd, RGB: (253, 253, 253); HEX: #118ab2, RGB: (17, 138, 178); HEX: #bebebe, RGB: (190, 190, 190)

Versión simplificada de la paleta de colores

Sombra de Caqui, Matiz de salmon, Sombra de mediumblue, Matiz de Blanco, Matiz de steelblue, Matiz de Plata

El esquema de color fue creado por bad_colors

Más paletas con:

Códigos de colores en la paleta

Ambient Navigation UI Field códigos de color HEX, información RGB en la tabla

Color	HEX	RGB	Nombre	nombre alternativo
#fff685	#fff685	RGB(255, 246, 133)	Compass Glow Yellow	—
#ff6b6b	#ff6b6b	RGB(255, 107, 107)	Location Ping Coral	—
#3a0ca3	#3a0ca3	RGB(58, 12, 163)	Route Line Indigo	—
#fdfdfd	#fdfdfd	RGB(253, 253, 253)	Waypoint Cream	Brilliance
#118ab2	#118ab2	RGB(17, 138, 178)	Zone Grid Blue	—
#bebebe	#bebebe	RGB(190, 190, 190)	Map Shadow Grey	Tin Soldier

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
#fff685	#fdfdfd	1.09
#fff685	#bebebe	1.66
#ff6b6b	#118ab2	1.42
#ff6b6b	#bebebe	1.49
#fdfdfd	#bebebe	1.82

Paleta de imágenes Ambient Navigation UI Field png

--color-compass-glow-yellow:	#fff685;
--color-location-ping-coral:	#ff6b6b;
--color-route-line-indigo:	#3a0ca3;
--color-waypoint-cream:	#fdfdfd;
--color-zone-grid-blue:	#118ab2;
--color-map-shadow-grey:	#bebebe;

$color-compass-glow-yellow:	#fff685;
$color-location-ping-coral:	#ff6b6b;
$color-route-line-indigo:	#3a0ca3;
$color-waypoint-cream:	#fdfdfd;
$color-zone-grid-blue:	#118ab2;
$color-map-shadow-grey:	#bebebe;

@color-compass-glow-yellow:	#fff685;
@color-location-ping-coral:	#ff6b6b;
@color-route-line-indigo:	#3a0ca3;
@color-waypoint-cream:	#fdfdfd;
@color-zone-grid-blue:	#118ab2;
@color-map-shadow-grey:	#bebebe;