Chromoforge
Herramientas de color
Empieza con un color o una imagen. Genera tonos, comprueba un par de contraste y exporta los colores para tu proyecto.
Usar una herramienta
PaletaEmpieza con un color o una imagen. Genera tonos, comprueba un par de contraste y exporta los colores para tu proyecto.Extractor de colores de imagenExtrae colores dominantes de imágenes PNG, JPG o WebP en el navegador y conviértelos en paletas y tokens exportables.Generador de tonos de colorGenera una escala 50-950 desde un color base para superficies UI, bordes, hover y modo oscuro.Comprobador de contraste WCAGComprueba el contraste entre texto y fondo según WCAG AA y AAA, prueba pares reales y elige combinaciones legibles.
Guías prácticas
Paleta de colores accesibleGenera una paleta en la herramienta principal y comprueba los pares texto/fondo que usarás.Generador de paletas de marcaCrea una paleta de marca desde un logo o color primario y exporta variables CSS y tokens de diseño.Generador de paletas para gráficosGenera colores distintos para dashboards y visualización de datos, con contraste y riesgo daltonismo.Simulador de daltonismoPrevisualiza paletas para deuteranopia, protanopia y tritanopia antes de publicar combinaciones de riesgo.Convertidor de color HEX, RGB, HSL y OKLCHIntroduce HEX, RGB o HSL en la herramienta principal y copia los valores HEX, RGB, HSL y OKLCH del inspector.Generador de armonía de colorGenera armonías complementarias, análogas, triádicas, split, tetrádicas y monocromáticas.Generador de paletas de colorGenera paletas armónicas desde un color base con reglas complementarias, análogas, triádicas y monocromáticas.Guía de teoría del colorAprende armonía del color, contraste WCAG y decisiones prácticas de paleta para interfaces web legibles y cohérentes.Generador de variables de color CSSGenera variables CSS y tokens de diseño desde una paleta, copia el bloque :root y mantén cohérentes temas y componentes.Generador de paleta modo oscuroCrea paletas dark mode con texto legible, superficies muted, bordes y acentos accesibles.Generador de design tokensCrea design tokens de color desde una paleta y exporta CSS variables, SCSS maps, JSON y Tailwind.Generador de gradientes CSSCrea gradientes CSS lineales, radiales y cónicos desde una paleta, copia el código y revisa transiciones de color limpias.Guía para mapear temas shadcnGenera una paleta en la herramienta principal y asigna manualmente sus colores a las variables semánticas de tu proyecto shadcn.Generador de colores TailwindGenera una escala de 11 tonos de 50 a 950 en la herramienta principal y exporta una configuración Tailwind v3..Generador de esquemas de color webCrea un esquema de color web con colores primarios, neutros y acentos para hero, botones, cards y formularios.