Herramientas de color
Cada herramienta hace una cosa bien — calculada en tu navegador, gratis, sin cuenta y sin subir archivos.
Las páginas detalladas de color están por ahora en inglés.
Selector de color
Selector de color completo con HEX, RGB, HSL, HSV, OKLCH, CMYK y cuentagotas — conversión y copia al instante.
Selector de color HEX
Selector HEX con vista previa en vivo, alfa y conversión inmediata a RGB, HSL y OKLCH. Gratis y en tu navegador.
Selector de color RGB
Selector RGB con deslizadores precisos y vista previa en vivo; convierte a HEX, HSL y OKLCH mientras ajustas.
Selector de color HSL
Selector HSL con deslizadores de tono, saturación y luminosidad; vista previa en vivo y conversión a HEX y RGB.
Selector de color OKLCH
Selector OKLCH con aviso de gamut, vista previa en vivo y conversión a HEX, RGB y HSL — el espacio moderno de CSS.
Generador de paletas
Genera paletas profesionales desde un solo color: 11 armonías, bloqueos, reordenado y exportación CSS, Tailwind y JSON.
Selector de color desde imagen
Extrae colores y paletas de cualquier imagen con arrastrar o pegar — todo ocurre en tu navegador, sin subir archivos.
Generador de degradados
Generador de degradados CSS lineales, radiales y cónicos con interpolación OKLCH y exportación CSS, SVG y PNG.
Comprobador de contraste
Comprueba el contraste WCAG y APCA con matriz de paleta completa, la sombra válida más cercana y el mejor color de texto.
Círculo cromático
Círculo cromático interactivo con siete armonías — complementaria, análoga, triádica, tetrádica y más — arrastra y copia.
Conversor de color
Convierte entre HEX, RGB, HSL, HSV, CMYK, LAB, XYZ y OKLCH al instante y con matemáticas exactas. Gratis y sin registro.
Mezclador de colores
Mezcla dos o más colores con proporciones exactas en RGB y OKLab y obtén el resultado con todos sus códigos.
Calculadora de opacidad
Calcula el color resultante de la opacidad sobre cualquier fondo y convierte alfa entre porcentajes y canales.
Generador de tonos y matices
Genera escalas de tonos, matices y versiones apagadas desde cualquier color — rampas uniformes listas para Tailwind y CSS.
Generador de sistema de diseño
Genera un sistema de diseño completo desde tu color de marca: rampas OKLCH, roles semánticos y exportación Tailwind, CSS, SCSS y JSON.
Buscador de nombres de color
Descubre el nombre de cualquier color desde su código HEX: los nombres estándar y extendidos más cercanos con valores completos.
Simulador de daltonismo
Simula daltonismo (protanopia, deuteranopia, tritanopia y acromatopsia) y verifica que tu paleta funcione para todos.
Laboratorio de vista previa
Previsualiza tus paletas como una interfaz real — tarjetas, botones y tablas — antes de exportarlas a tu proyecto.