Herramientas de Color para Diseño
Usa el círculo cromático, el selector de color y la paleta de colores para elegir colores, convertir valores, explorar códigos y tablas de color, crear degradados y comprobar el contraste.
Usa el círculo cromático, el selector de color y la paleta de colores para elegir colores, convertir valores, explorar códigos y tablas de color, crear degradados y comprobar el contraste.
Elige un color base en un círculo cromático interactivo y crea armonías complementarias, análogas, triádicas, tetrádicas y complementarias divididas.
AbrirGenera paletas complementarias, análogas, triádicas y monocromáticas.
AbrirElige un color y revisa sus valores HEX, RGB, HSL, CMYK, LAB, tintes, sombras y armonías.
AbrirSube una imagen y extrae colores y paletas precisas de ella.
AbrirConvierte colores CSS rgb() en códigos HEX listos para copiar.
AbrirConvierte códigos de color HEX en valores RGB y CSS rgb().
AbrirMezcla dos colores por porcentaje y copia el color HEX resultante.
AbrirExplora colores CSS con nombre, valores HEX y códigos listos para copiar.
AbrirComprueba el contraste entre texto y fondo para combinaciones de color accesibles.
AbrirCrea degradados CSS, edita paradas de color y copia código para interfaces, fondos y recursos visuales de marca.
AbrirExplora tablas de colores flat, material, Tailwind y web safe con muestras interactivas listas para copiar.
AbrirExplora familias de colores organizadas, sombras, tintes y paletas listas para interfaces.
AbrirCrea paletas, mezcla colores, genera degradados y explora relaciones de color para interfaces.
Selecciona colores desde controles o imágenes subidas y copia valores útiles rápidamente.
Convierte entre formatos de color comunes para preparar CSS, tokens de diseño o documentación.
Consulta referencias, tablas y bibliotecas de color organizadas para elegir colores con precisión.
Comprueba contraste y accesibilidad antes de usar combinaciones de color en producción.