Herramientas de diseño

Selector de color visual con conversión HEX, RGB, HSL, HSV, CMYK, HWB y CIE LAB. Entradas bidireccionales, comprobador de contraste WCAG y salida de variables CSS - Selector de color online gratuito.

Introduce cualquier color HEX o RGB y encuentra al instante el color nombrado más cercano entre más de 300 nombres CSS, X11 y Pantone. Busca por nombre o explora la base de datos completa - Buscador de nombres de color online gratuito.

Calcula el ratio de contraste WCAG 2.1 y comprueba el cumplimiento AA/AAA para texto normal, texto grande y componentes de interfaz - vista previa en vivo, entrada HEX y RGB. Comprobador de contraste online gratuito.

Calcula la diferencia perceptual de color (ΔE 2000 / CIEDE2000) entre dos colores - introduce valores HEX o RGB y obtén la puntuación Delta-E con comparación visual y desglose CIE L*a*b*. Calculadora de diferencia de color online gratuita.

Genera tintes (mezclados con blanco) y sombras (mezcladas con negro) a partir de cualquier color base - 5-12 pasos, variables CSS, configuración de Tailwind y exportación de lista HEX. Generador de tintes y sombras online gratuito.

Referencia buscable de todos los tokens de color de Material Design 3 (Material You) - roles de color, paletas tonales, nombres de variables CSS y valores de tema claro/oscuro. Haz clic en cualquier muestra para copiarla.

Crea degradados CSS lineales, radiales y cónicos de forma visual: elige paradas de color, ajusta posiciones, escoge la dirección y copia el valor CSS de background al instante. Hasta 8 paradas - generador de degradados de color online gratis.

Mezcla dos colores cualesquiera con una proporción personalizada en modo sRGB, Linear u Oklab: obtén el resultado en HEX, RGB, HSL y HSV con una vista previa de degradado de 11 pasos. Mezclador de colores online gratis.

Convierte cualquier valor en kelvin (1000 K-10000 K) a su color RGB y HEX aproximado: escala interactiva, 12 fuentes de luz predefinidas y desglose de canales RGB. Conversor de temperatura de color online gratis.

Convierte cualquier paleta de modo claro a equivalentes para modo oscuro con comprobaciones de contraste WCAG: tres modos de adaptación y exportación a variables CSS y a configuración de Tailwind. Adaptador de modo oscuro online gratis.

Busca, filtra y copia los 148 colores con nombre de CSS con sus valores HEX, RGB y HSL. Filtra por 12 familias de color - referencia de colores con nombre de CSS online gratis.

Descubre qué significa cada color importante en marketing y diseño: asociaciones psicológicas, contexto cultural, usos de marca y consejos de diseño para 12 familias de color. Con búsqueda. Referencia de psicología del color online gratis.

Convierte HEX a HSL, RGB a HSL y entre todos los formatos de color al instante. Entradas bidireccionales: HEX, RGB, HSL, HSV y valores de canal individuales. Calculadora de HEX a HSL online gratis.

Busca y copia los colores de marca de más de 200 marcas importantes: Apple, Google, Meta, Nike y muchas más. Valores HEX y RGB y 10 categorías del sector - buscador de colores de marca online gratis.

Genera colores aleatorios con un clic: muestra HEX, RGB, HSL, CMYK y HWB. Bloquea el tono, la saturación o la luminosidad. Define rangos mínimos y máximos. Genera hasta 50 colores por lotes - generador de colores aleatorios online gratis.

Rueda de color interactiva: haz clic en cualquier posición para explorar armonías complementarias, análogas, triádicas, tetrádicas y monocromáticas con exportación a variables CSS. Explorador de armonías de color online gratis.

Genera una rueda de color SVG o PNG personalizada para cualquier luminosidad y saturación. Elige entre 7 ajustes predefinidos, ajusta el número de sectores y el radio interior y descárgala al instante - generador de rueda de color online gratis.

Convierte los 213 códigos de color RAL Classic a HEX y RGB. Busca por código RAL, nombre del color en inglés o alemán, o valor HEX. Filtra por categoría - conversor de RAL a HEX online gratis.

Convierte referencias Pantone PMS en valores HEX y RGB/HSL aproximados para diseño digital. Busca por código, nombre o valor HEX - conversor de Pantone a HEX online gratis.

Convierte rgba() a HEX8 y hsla() a rgba(), y previsualiza las mezclas sobre fondo blanco, negro y personalizado, con generador de escala de opacidad. Conversor de opacidad alfa online gratis.

Galería seleccionada con más de 110 fondos degradados en CSS: explora por estilo (atardecer, océano, neón, oscuro, pastel y más) y copia el valor CSS de background con un clic. Biblioteca de fondos degradados online gratis.

Genera códigos QR escaneables para URL, WiFi, vCards y texto plano, y descárgalos en SVG o PNG. Generador de códigos QR online gratis.

Crea banners de vista previa social (imagen OG) de 1200×630 px con texto, colores y diseños personalizados - Generador de imágenes OG online gratis.

Genera un favicon PNG o SVG a partir de iniciales, una sola letra o cualquier emoji, sin subir imágenes. Descarga todos los tamaños estándar (de 16 px a 512 px) - Generador de favicon a partir de texto online gratis.

Convierte texto en arte ASCII grande y estilizado con fuentes tipo FIGlet: 6 estilos de fuente, 4 juegos de caracteres, ancho personalizado y opción de copiar o descargar como .txt - Generador de arte ASCII online gratis.

Introduce hasta 12 colores con etiquetas personalizadas y descarga una carta de muestras en PDF lista para imprimir: A4 o Letter, 2/3/4 columnas, valores HEX/RGB/HSL y etiqueta dentro o debajo. Generador de cartas de muestras online gratis.

Diseña tarjetas de visita a doble cara con nombre, cargo, empresa, teléfono, correo, web y redes sociales. Elige entre 4 plantillas, ajusta colores y fuentes y descarga un PDF imprimible con marcas de corte. Diseñador de tarjetas de visita online gratis, sin registro.

Crea gráficos de línea de tiempo horizontales con fechas, hitos, descripciones y categorías codificadas por color. Añade filas para pistas paralelas. Exporta como PNG o PDF. Creador de líneas de tiempo online gratis, sin registro.

Genera plantillas de memes en blanco a partir de cualquier imagen: añade marcadores de texto arriba y abajo con tamaño de fuente, contorno, sombra y mayúsculas personalizables. Elige entre 6 formatos de meme predefinidos o crea el tuyo. Descarga en PNG listo para compartir o cópialo al portapapeles. Generador de plantillas de memes online gratis, sin registro.

Previsualiza los 38 estilos de cursor CSS estándar al pasar el ratón y copia la declaración CSS con un clic - Probador de cursores CSS online gratis.

Previsualiza comportamientos de animación CSS ligados al desplazamiento (aparición gradual, deslizamiento, escala, desenfoque) con ajustes configurables y copia el código CSS + JS - Vista previa de animaciones al hacer scroll online gratis.

Pega cualquier valor de color CSS (hex3, hex6, hex8, rgb(), rgba(), hsl(), hsla(), hwb(), oklch(), lch(), lab() o un color con nombre) y obtén todos los formatos equivalentes al instante. Convierte hojas de estilo completas con un clic. Conversor de formatos de color CSS online gratis.

Reduce el tamaño de un archivo de fuente conservando solo los caracteres Unicode que tu página usa realmente, algo clave para Core Web Vitals. Compatible con TTF, OTF, WOFF y WOFF2. Reductor de fuentes online gratis.

Pega una cadena de caracteres y extrae solo esos glifos en un archivo de fuente mínimo: ideal para logotipos, fuentes de iconos y etiquetas de interfaz. Genera un fragmento CSS con unicode-range. Reductor de fuentes por glifos online gratis.

Elimina todos los glifos no latinos de fuentes TTF y OTF: reduce fuentes grandes CJK o multiscript entre un 80% y un 95% para sitios solo en inglés. Analiza binarios OpenType en el navegador. Reductor de fuentes solo latinas online gratis.