UI Kit for SaaS Productivity Tools
- Schedule Purple#8e7cc3
- Deadline Red#f94144
- Board Gray#f1f1f1
- Card White#ffffff
- Highlight Teal#00c49a
- Task Yellow#ffe066
- Menu Graphite#2a2e34
Creado en 07/28/2025 11:21
La paleta consta de Claro, Oscuro colores. Colores de acento Schedule Purple #8e7cc3 y Task Yellow #ffe066. La paleta tiene temperatura de color Frío, Cálido, Neutral.
Por luminosidad, la paleta va de #2A2E34 (más oscuro) a #FFFFFF (más claro). El rango de luminosidad es amplio.
Saturación mixta: 3 apagados y 3 vivos de 7 colores.
Algunos colores están casi opuestos en la rueda de color, lo que da a la paleta un contraste complementario.
Las notas cálidas y frías están bastante equilibradas (2 cálidas, 2 frías).
Códigos HEX (ordenados): #00C49A, #2A2E34, #8E7CC3, #F1F1F1, #F94144, #FFE066, #FFFFFF
La paleta UI Kit for SaaS Productivity Tools combina 7 códigos de color:
HEX: #8e7cc3, RGB: (142, 124, 195); HEX: #f94144, RGB: (249, 65, 68); HEX: #f1f1f1, RGB: (241, 241, 241)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #00c49a, RGB: (0, 196, 154); HEX: #ffe066, RGB: (255, 224, 102)
HEX: #2a2e34, RGB: (42, 46, 52)
Versión simplificada de la paleta de colores
Tono claro de Púrpura medio, Tono oscuro de Tomate, Tono oscuro de Humo blanco, Blanco, Tono oscuro de Aguamarina medio, Tono claro de Oro, Tono claro de Negro
El esquema de color fue creado por colorslib
Códigos de colores en la paleta
UI Kit for SaaS Productivity Tools códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
|---|---|---|---|---|
| #8e7cc3 | #8e7cc3 | RGB(142, 124, 195) | Schedule Purple | — |
| #f94144 | #f94144 | RGB(249, 65, 68) | Deadline Red | — |
| #f1f1f1 | #f1f1f1 | RGB(241, 241, 241) | Board Gray | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Card White | White |
| #00c49a | #00c49a | RGB(0, 196, 154) | Highlight Teal | — |
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Task Yellow | — |
| #2a2e34 | #2a2e34 | RGB(42, 46, 52) | Menu Graphite | — |
Contraste de la paleta de colores
8 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 |
|---|---|---|
#8e7cc3 | #f94144 | 1 |
#8e7cc3 | #00c49a | 1.6 |
#f94144 | #00c49a | 1.59 |
#f1f1f1 | #ffffff | 1.12 |
#f1f1f1 | #00c49a | 1.98 |
#f1f1f1 | #ffe066 | 1.15 |
Paleta de imágenes UI Kit for SaaS Productivity Tools png
Exportar paleta
Descargue la "UI Kit for SaaS Productivity Tools" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: