Herramientas de color

Utilidades de color en línea gratuitas

Trabaja con colores mas eficazmente usando nuestras herramientas gratuitas. Convierte entre HEX, RGB y HSL, genera paletas armonicas, crea gradientes CSS visualmente, verifica ratios de contraste para accesibilidad, extrae colores de imagenes y simula daltonismo. Disenadas para disenadores y desarrolladores front-end.

Por que usar nuestras herramientas de color

Salida lista para copiar -- Obtiene codigos HEX, RGB, HSL y CSS para pegar directamente en tus hojas de estilo.
Enfoque en accesibilidad -- El verificador de contraste sigue las pautas WCAG 2.1 para disenos inclusivos y accesibles.
Visual e interactivo -- Ve los cambios de color en tiempo real con selectores interactivos y vistas previas de gradientes.

Conversor HEX a RGB

Convierte entre formatos de color

Generador de paleta de colores

Genera paletas de colores

Generador de gradientes CSS

Crea gradientes CSS

Comprobador de contraste

Comprueba las ratios de contraste

Selector de color de imagen

Extrae colores de imágenes

Buscador de nombre de color

Encuentra el nombre de cualquier color

Buscador de colores Tailwind

Busca colores de Tailwind CSS

Simulador de daltonismo

Simula la percepción de daltonismo

Preguntas frecuentes

Que formatos de color soportan?

Soportamos HEX (3, 6 y 8 digitos), RGB, RGBA, HSL, HSLA y colores CSS con nombre. El conversor permite cambiar entre todos estos formatos al instante.

Como funciona el verificador de contraste?

Calcula la relacion de luminancia entre colores de primer plano y fondo segun las pautas WCAG 2.1. Indica si la combinacion cumple los estandares AA o AAA.