Un conjunto de herramientas,
cada tarea de diseño
Desde la teoría del color hasta el cumplimiento del contraste: 10 herramientas diseñadas para diseñadores y desarrolladores
Generador de Bordes Redondeados
Editor visual de radio de borde con vista previa en tiempo real. Copie el código CSS con control de esquina individual.
CSS · Editor visualGenerador de Sombras
Generador interactivo de sombras de cuadros con vista previa de Canvas en tiempo real de múltiples capas y salida CSS.
CSS · En capasSimulador de daltonismo
Simula cómo los usuarios daltónicos ven los colores.
Accesibilidad · SimulaciónConvertidor de Color
Convierta entre HEX, RGB, HSL, CMYK y OKLCH con conversión bidireccional instantánea.
Convertidor · Todos los formatosCírculo Cromático
Rueda de color interactiva para explorar tonos, saturaciones y relaciones de color. Haga clic para seleccionar y bloquear colores.
Interactivo · VisualVerificador de Contraste
Verifique el cumplimiento de las WCAG AA/AAA para el texto y los colores de fondo. Obtenga calificaciones de accesibilidad instantáneas.
Accesibilidad · AA/AAAGenerador de CSS Grid
Cree diseños CSS Grid visualmente con vista previa en tiempo real.
CSS · Editor visualEmparejamiento de Fuentes
Descubra combinaciones de fuentes armoniosas para títulos y cuerpo de texto de colecciones seleccionadas.
Tipografía · Más de 300 fuentesGenerador de Degradados
Diseñe hermosos degradados lineales y radiales con vista previa de Canvas en tiempo real. Copie el código CSS al instante.
Degradado · Exportación CSSPresets de degradados
Explore y copie 15 hermosos degradados preestablecidos.
Presets · Un clicPaleta desde Imagen
Extraiga hermosas paletas de colores de cualquier imagen mediante la cuantificación de color inteligente.
Extracción · InteligenteGenerador de Paletas
Cree esquemas de color armoniosos con modos monocromáticos, complementarios, análogos y triádicos. Vista previa en tiempo real con exportación CSS.
Color · InteractivoSistema de Color UI
Genere paletas de tokens de diseño completas a partir de un único color de semilla. Exporte a Tailwind, CSS o SCSS.
Fichas de diseño · Viento de cola14 idiomas
Cada herramienta, cada etiqueta, cada guía, completamente traducida.
Accesibilidad primero
Cada paleta incluye puntuaciones de contraste WCAG. Diseñar de forma inclusiva desde el principio.
Exportación amigable para desarrolladores
CSS, Tailwind, SCSS, JSON: copie el formato que necesita su proyecto.