Estudio de color, gradientes y diseño frontend accesible

Genera paletas armónicas, audita contraste accesible WCAG, crea degradados CSS Mesh y exporta tokens listos para tus proyectos.

Color y Sistemas de Paletas UI

3 herramientas

Generador de Paletas

Crea esquemas armónicos con bloqueo de tonos y exportación a Tailwind y CSS.

HEX

Paletas UI Internacionales

280 tonos seleccionados de 14 países con copia rápida en HEX y RGB.

Extractor de Paleta

Extrae tonos dominantes y acentos de cualquier fotografía cargada.

CSS Moderno, Favicons y Accesibilidad

3 herramientas
AaAAA

Contraste y Lectura Accesible

Comprueba que tus textos se leen bien y sin esfuerzo sobre cualquier fondo.

Gradientes CSS y Mesh

Diseña degradados lineales, radiales y fondos Mesh fluidos listos para copiar.

Generador de Favicon

Genera packs completos con favicon.ico, iconos Apple Touch y código HTML.

Estética Retro y Píxel

2 herramientas

Convertidor a Pixel Art

Pixeliza imágenes calibrando el tamaño de bloque y paletas retro de 8/16 bits.

@ % # * + = - : .# # @ @ % % * * :@ @ @ @ @ @ @ @ #% % * * + + = = -. : - = + * # % @

Arte ASCII

Convierte tus fotos en divertidos dibujos hechos con letras y símbolos.

Colores, contrastes y recursos visuales para tus proyectos

Herramientas prácticas para elegir colores que combinen bien, asegurarte de que tus textos se lean con facilidad sobre cualquier fondo y crear gradientes modernos sin complicaciones.

Copia los códigos de color directamente a tus herramientas o código web con un solo clic.

✓Sin librerías ni dependencias: código CSS nativo, variables y tokens de Tailwind listos para copiar con un clic.

Generador y extractor de paletas

Crea combinaciones de colores que funcionen bien o extrae la paleta exacta a partir de una foto.

Copia con un clic en HEX, RGB o Tailwind
Armonías automáticas de color
Exporta tus paletas al instante

Comprobador de contraste y lectura

Verifica que los textos de tu web o app se lean con claridad sobre el fondo, cumpliendo las normas de accesibilidad.

Comprobación instantánea de legibilidad
Avisos claros de texto fácil o difícil de leer
Ajuste automático para mejorar contraste

Gradientes CSS y favicons

Diseña degradados suaves para fondos y crea los iconos necesarios para que tu web se vea perfecta en móviles y ordenadores.

Código CSS listo para copiar y pegar
Generador de iconos para pestañas (favicon)
Sin necesidad de instalar programas pesados

Preguntas frecuentes sobre la suite de diseño

Trabajar directamente en el navegador te permite ver los colores y contrastes exactamente como se verán en cualquier pantalla de móvil u ordenador, copiando los códigos con un clic sin necesidad de instalar programas pesados.

La herramienta analiza la diferencia de luz entre el texto y el color de fondo siguiendo las normas internacionales de lectura clara. Te avisa si el texto se lee bien o si deberías oscurecerlo o aclararlo para que nadie tenga problemas al leer tu contenido.

Sí. Cada herramienta cuenta con un botón de copiado rápido que formatea los tonos en código listo para pegar en tu hoja de estilos, archivo de Tailwind o programa de diseño como Figma.

No, en absoluto. Todo el procesamiento se realiza en la memoria local de tu navegador. CoreBasics no almacena tus elecciones cromáticas, imágenes de referencia ni código en ninguna base de datos externa.