Herramientas para el diseño y los colores
Qué es Color;Code
Color;Code es una colección de herramientas online para ayudarte a trabajar mejor con el color: desde juegos y simuladores hasta generadores de paletas, conversores y tests de accesibilidad. Está pensada para que puedas experimentar, aprender y aplicar el color en tus proyectos de diseño, marca o desarrollo web sin complicarte.
Todas las herramientas son gratuitas y se pueden usar directamente en el navegador, sin necesidad de instalar nada. La idea es que tengas en un solo sitio lo que normalmente tendrías que buscar en varias webs distintas.
Para quién está pensada esta web
Color;Code está creada para personas que trabajan o juegan con el color a diario: diseñadores, desarrolladores front-end, creadores de contenido, estudiantes de diseño y cualquier persona que quiera tomar mejores decisiones de color en sus proyectos.
Si necesitas escoger una paleta para una marca, comprobar el contraste de tus textos o entender cómo ven tu web personas con distintos tipos de daltonismo, aquí encontrarás herramientas prácticas y fáciles de usar.
Cómo usar las herramientas de Color;Code juntas
La web está pensada para que puedas encadenar varias herramientas en un mismo proceso creativo: por ejemplo, empezar generando una paleta, ajustar los colores, comprobar la accesibilidad y luego probarla en contextos reales.
Un flujo típico puede ser: explorar paletas populares, refinar la combinación en el Generador de paletas, verificar la legibilidad en el Test de contraste y simular distintos tipos de visión en el Simulador de daltonismo.
Descubre 12 de nuestras herramientas
Ponemos a tu disposición un conjunto de herramientas pensadas para cubrir todo el flujo de trabajo con el color: desde la inspiración inicial hasta la validación de accesibilidad.
Nuestra filosofía: color, accesibilidad y diseño
El objetivo de Color;Code no es solo que tus proyectos se vean bonitos, sino que también sean cómodos de usar y accesibles para el mayor número de personas posible. Por eso verás referencias constantes a contraste, legibilidad y distintas formas de percibir el color.
Intentamos equilibrar teoría y práctica: explicar lo justo para que entiendas las decisiones de color, pero centrándonos sobre todo en que puedas probar combinaciones, hacer tests rápidos y ver resultados aplicables a tu web o tus diseños.
Quién está detrás de Color;Code
Color;Code es un proyecto creado y mantenido por Santacruz Social Media, un estudio centrado en diseño web, desarrollo front-end y marketing digital. Nació de la necesidad de tener a mano herramientas de color claras, en español y orientadas a proyectos reales.
Usamos estas mismas herramientas en nuestro día a día para diseñar interfaces, preparar identidades visuales y mejorar la accesibilidad de las webs con las que trabajamos. Color;Code es, en parte, la caja de herramientas que nos habría gustado tener desde el principio.
Si es tu primera vez en Color;Code o quieres sacarle más partido a las herramientas, visita la sección de Preguntas Frecuentes para ver guías rápidas y respuestas a las consultas más habituales.
Qué vendrá después
Seguimos ampliando y mejorando las herramientas de Color;Code con nuevas ideas, ajustes de usabilidad y más recursos sobre teoría del color aplicada. La web está viva, así que es normal que veas novedades de vez en cuando.
Si tienes sugerencias, detectas algún error o te gustaría proponernos una herramienta nueva, puedes ponerte en contacto con nosotros. Tu feedback ayuda a que Color;Code sea cada vez más útil para toda la comunidad.
Sugerir herramienta