Herramientas gratis de color y diseño — selectores, paletas, contraste, gradientes
Trabajo de color práctico para la web: selector de color con HEX/RGB/HSL, generadores de paleta y gradientes, verificador de contraste WCAG para mantener el texto legible, simulación de daltonismo y herramientas de sombra CSS. Hecho para diseñadores y desarrolladores front-end que necesitan el valor exacto y la opción accesible, listo para copiar-pegar.
Convertidor de color (HEX, RGB, HSL — instantáneo)
Convierte colores entre HEX, RGB y HSL con vista previa en vivo. Edita cualquier campo; los demás se actualizan.
Comprobador de contraste (WCAG AA / AAA)
Comprueba la relación de contraste entre texto y fondo. Vista previa en vivo y badges de aprobado/rechazado para WCAG AA y AAA en texto normal y grande.
Generador de gradiente CSS (linear, radial, conic)
Construye gradientes CSS visualmente: linear, radial y conic. Múltiples paradas de color, control de ángulo, presets. Copia CSS listo.
Generador de paleta de color (5 esquemas desde una base)
Genera paletas armoniosas desde un color base: complementario, análogo, triádico, tetrádico, monocromático. Click en muestra para copiar hex.
Simulador de Daltonismo — Ve los Colores como Otros los Ven
Introduce cualquier color hexadecimal y visualiza al instante cómo lo perciben personas con deuteranopia, protanopia, tritanopia y acromatopsia. Esencial para el diseño accesible.
Generador de box-shadow CSS (con vista en vivo)
Construye box-shadow CSS visualmente. Ajusta offset, blur, spread, color, opacidad e inset. Vista en vivo, CSS copiable.
Buscador de nombres de color CSS — Color más cercano desde hex
Introduce cualquier color en hex para encontrar el nombre CSS más cercano. Muestra los 5 colores nombrados más cercanos con sus valores hex exactos y puntuación de distancia.
Generador de Tonos de Color — Estilo Tailwind
Genera 11 tintes y sombras (50–950) para cualquier color, con el estilo de la escala Tailwind CSS. Haz clic en cualquier tono para copiar su código hex o exporta todos como propiedades personalizadas CSS.