Simple progress ui kit colours
- White#ffffff
- Black#141414
- Anti-Flash White#f0f0f0
- Blue (Crayola)#1464ff
- Pale Blue#b4f0f0
- Azure#f0ffff
Creado en 10/31/2023 12:33
La paleta consta de Claro, Oscuro, semioscuro colores. Colores de acento White #ffffff y Azure #f0ffff. La paleta tiene temperatura de color Neutral, Frío.
Por luminosidad, la paleta va de #141414 (más oscuro) a #FFFFFF (más claro). El rango de luminosidad es amplio.
Saturación mixta: 3 apagados y 3 vivos de 6 colores.
Una paleta análoga: sus tonos están juntos en la rueda de color, dentro de unos 40°.
La mayoría de muestras se leen como neutras en temperatura (4 de 6).
Códigos HEX (ordenados): #141414, #1464FF, #B4F0F0, #F0F0F0, #F0FFFF, #FFFFFF
La paleta Simple progress ui kit colours combina 6 códigos de color:
HEX: #ffffff, RGB: (255, 255, 255); HEX: #141414, RGB: (20, 20, 20); HEX: #f0f0f0, RGB: (240, 240, 240)
HEX: #1464ff, RGB: (20, 100, 255); HEX: #b4f0f0, RGB: (180, 240, 240); HEX: #f0ffff, RGB: (240, 255, 255)
Versión simplificada de la paleta de colores
Blanco, Tono claro de Negro, Tono oscuro de Humo blanco, Tono oscuro de Azul real, Tono claro de Turquesa pálido, Azur
El esquema de color fue creado por coolor
Códigos de colores en la paleta
Simple progress ui kit colours códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
|---|---|---|---|---|
| #ffffff | #ffffff | RGB(255, 255, 255) | White | — |
| #141414 | #141414 | RGB(20, 20, 20) | Black | Sooty |
| #f0f0f0 | #f0f0f0 | RGB(240, 240, 240) | Anti-Flash White | Gray94 |
| #1464ff | #1464ff | RGB(20, 100, 255) | Blue (Crayola) | — |
| #b4f0f0 | #b4f0f0 | RGB(180, 240, 240) | Pale Blue | — |
| #f0ffff | #f0ffff | RGB(240, 255, 255) | Azure | Vapor |
Contraste de la paleta de colores
6 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 |
|---|---|---|
#ffffff | #f0f0f0 | 1.13 |
#ffffff | #b4f0f0 | 1.26 |
#ffffff | #f0ffff | 1.02 |
#f0f0f0 | #b4f0f0 | 1.1 |
#f0f0f0 | #f0ffff | 1.1 |
#b4f0f0 | #f0ffff | 1.22 |
Paleta de imágenes Simple progress ui kit colours png
Exportar paleta
Descargue la "Simple progress ui kit colours" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: