Color herramientas
Convierte HEX, RGB y HSL, crea paletas y degradados y comprueba el contraste WCAG: todas las herramientas de color para diseñar, directamente en el navegador.
Herramientas de color populares
Convertidor de HEX a RGB
Convierte códigos de color HEX a valores RGB y consulta también los valores HSL.
Convertidor de HEX a HSL
Convierte códigos de color HEX a valores de color HSL.
Generador de color aleatorio — color HEX
Genera un color HEX aleatorio y consulta sus valores RGB y HSL.
Selector de color — HEX, RGB y HSL
Elige un color con el selector del navegador y consulta sus valores HEX, RGB y HSL.
Convertidor de RGB a CMYK
Convierte colores RGB a porcentajes CMYK para impresión.
Generador de paletas de color
Genera una paleta de colores armónica a partir de un color HEX base.
Generador de degradados CSS
Combina dos colores HEX en un valor CSS linear-gradient.
Mezclador de colores
Mezcla dos colores HEX según la proporción que elijas.
Generador de tintes y sombras
Genera tintes más claros y sombras más oscuras a partir de un color HEX.
Colores con nombre de CSS
Consulta los valores HEX y RGB de los colores con nombre de CSS.
Buscar el color de Tailwind más cercano
Encuentra el token de color predeterminado de Tailwind más cercano a un color HEX.
Calculadora de opacidad de color — rgba CSS
Convierte un color HEX y su opacidad en un valor CSS rgba.
Generador de box-shadow CSS
Genera un valor CSS box-shadow a partir de desplazamiento, desenfoque, extensión y color.
Vista previa de border-radius CSS
Combina los valores de las cuatro esquinas en una propiedad CSS border-radius.
Generador de clamp() CSS
Combina un valor mínimo, uno preferido y uno máximo en una función CSS clamp().
Convertidor de rem a px
Convierte entre px y rem usando un tamaño de fuente base.
Calculadora de relación de aspecto
Calcula la relación de aspecto CSS y la proporción reducida a partir del ancho y el alto.
Generador de colores de Tailwind — escala 50-950
Genera una escala de color completa de 50 a 950 a partir de un color base para usar en Tailwind CSS.
Visualizador de paletas — previsualiza colores en la interfaz
Aplica una paleta de color a bloques de interfaz genéricos para ver cómo quedan tus colores en un diseño real.
Buscador de nombres de color — encuentra el color de un HEX
Encuentra el nombre de color más cercano a un valor HEX para identificar y nombrar tus colores rápidamente.
Generador de triángulos CSS — código con border
Genera el código CSS de un triángulo basado en la propiedad border, listo para copiar y pegar en tu hoja de estilos.
Verificador de contraste de color — WCAG AA/AAA
Calcula la relación de contraste entre el color de texto y el de fondo y comprueba si cumple los niveles WCAG AA/AAA.
Extractor de paleta de una imagen — análisis de color en el navegador
Extrae una paleta de colores HEX representativa de una imagen. La imagen se procesa en tu navegador.
Simulador de daltonismo — análisis de color en el navegador
Simula los tipos comunes de daltonismo para un color HEX. El color se procesa en tu navegador.
Preguntas frecuentes
¿Cómo convierto HEX a RGB?
Cada par HEX (RR, GG, BB) se convierte de hexadecimal a decimal para obtener los canales RGB. El conversor funciona al instante en ambos sentidos.
¿Se envían los valores de color a un servidor?
No. Todos los cálculos de color se realizan en el navegador y no se envía nada a un servidor.