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.Conversor de colores: HEX, RGB, HSL y OKLCHConvierte HEX, RGB, HSL u OKLCH a HEX, RGB, HSL y OKLCH al instante. Copia cada formato o una variable CSS. Gratis, local y sin cuenta.Generador de variables de color CSSGenera variables CSS desde un color: marca, texto legible y once tonos de 50 a 950. Copia o descarga el CSS directamente.Generador de temas shadcn/uiCrea un tema shadcn/ui con colores primario, secundario y neutro. Vista clara/oscura y tokens OKLCH con @theme inline para Tailwind v4.Generador de paletas TailwindGenera tres escalas Tailwind de 50 a 950. Previsualiza componentes y exporta @theme v4, configuración v3, variables CSS o JSON.Generador de paletas para gráficosGenera paletas categóricas, secuenciales y divergentes para gráficos. Elige el fondo, revisa el contraste y exporta JavaScript, JSON o CSS.
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.Simulador de daltonismoPrevisualiza paletas para deuteranopia, protanopia y tritanopia antes de publicar combinaciones de riesgo.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 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.Generador de esquemas de color webCrea un esquema de color web con colores primarios, neutros y acentos para hero, botones, cards y formularios.