Nord Color Generator
Generador de paletas de colores UI basado en Nord design system
Descripción General
Nord Color Generator es una herramienta gratuita en línea para crear escalas de color accesibles y armoniosas inspiradas en el sistema de diseño Nord. Genera paletas de colores equilibradas que mantienen relaciones de contraste adecuadas y coherencia visual en toda tu interfaz. Simplemente elige un color base y la herramienta produce un espectro completo de matices y sombras adecuados para interfaces, asegurando que tus diseños sean tanto hermosos como accesibles para todos los usuarios.
Ideal para
Ideal para diseñadores de UI y desarrolladores frontend que quieren paletas de colores accesibles e inspiradas en Nord para sus sistemas de diseño.
Características Principales
- Genera escalas de color completas a partir de un solo color base
- Verificación de accesibilidad WCAG para relaciones de contraste
- Estructura de paleta inspirada en Nord con pasos tonales equilibrados
- Exporta paletas como propiedades personalizadas CSS o configuración de Tailwind
- Vista previa en tiempo real de combinaciones de colores en maquetas UI
- Controles ajustables de tono, saturación y luminosidad
Pros
- +Construido con estándares de accesibilidad desde el principio
- +Interfaz limpia y minimalista que es un placer usar
- +Produce escalas de color listas para producción en proyectos reales
Contras
- -Limitado a la estética Nord — menos variedad para otros estilos de diseño
- -No tiene opción de generación de paletas basada en imágenes
/// ESPECIFICACIONES
- Precio:Free
- Plataforma:Web
Goodpalette
Genera paletas de colores accesibles para diseño de UI
Ruri Gradiator
Editor avanzado de degradados CSS con una interfaz de cuadrícula única
Mesh Gradient
Crea fondos con degradados mesh para tus diseños
Atmos
Suite de herramientas de color online para diseñadores de UI
Colour Contrast Checker
Verificador de contraste de color WCAG simple para diseño accesible
Tailwind CSS Color Generator
Generador de paletas de 11 colores para Tailwind CSS y API
World's Best Scale Tool
Herramienta avanzada de generación de escalas de color y paletas
AnimXYZ
Animaciones CSS predefinidas hechas simples
UXie
Investigación de UX y pruebas de usabilidad simplificadas
Siter.io
Creador de sitios web sin código con interfaz tipo Figma
Pixelover
Selector de color y herramienta de superposición de imágenes en línea
Meiye Works
Plataforma china de portafolios en línea para diseñadores
Tweetlet
Generador de capturas de tweet hermosas para redes sociales
Shrink Media
Compresor de imágenes en línea que preserva la calidad
Tally
Creador de formularios gratuito con experiencia de edición tipo Notion
Pixel Hey
Convierte cualquier imagen en pixel art online
PxEvapo
Herramienta online de redimensionado y compresión de imágenes
CSS Hero Mesher
Crea fondos degradados mesh con CSS
Color Scale Tool
Genera escalas de color claras y oscuras interactivamente