Bienvenido de nuevo

Elige qué tipo de artículo añadir a esta colección

Añade una colección para organizar tus objetos

Artículo añadido a la colección correctamente

Crea tu primera colección para organizar tus colores

Añade colores, paletas o degradados a esta colección

Ver y gestionar los elementos de la colección

Tres colores de la misma luminancia y saturación con matices adyacentes en la rueda cromática, separados 30 grados. Transiciones suaves.

El daltonismo afecta aproximadamente a 1 de cada 12 hombres y a 1 de cada 200 mujeres en todo el mundo. Este simulador ayuda a los diseñadores, desarrolladores y creadores de contenidos a comprender cómo se ven sus elecciones de color a las personas con diversas formas de deficiencia de visión cromática.

Probando tus colores mediante distintas simulaciones de daltonismo, puedes asegurarte de que tus diseños son accesibles y eficaces para todos los usuarios. Esta herramienta simula los tipos más comunes de deficiencia de la visión de los colores, como la Protanopia, la Deuteranopia, la Tritanopia y el daltonismo completo.

Comprender el daltonismo

Utiliza el contraste y los patrones junto con el color para transmitir información.

Diseña mejor

Ceguera azul-amarilla (Tritanopia)

Código de colores

Verificador de contraste

Comprueba cómo perciben un color las personas con distintos tipos de daltonismo para crear diseños más accesibles. Comprender la percepción del color ayuda a garantizar que tu contenido sea accesible para todos.

Creador de degradados

El color por sí solo nunca debe ser la única forma de transmitir información. Las pruebas con este simulador ayudan a identificar posibles problemas.

Por qué es importante

Crea una cuenta gratuita para simular cómo les aparecen los colores a las personas con distintos tipos de daltonismo.

Regístrate para acceder al Simulador de Ceguera

Así es como aparece el color con una visión cromática normal.

Ceguera Rojo-Verde (Protanopia)

Herramientas de accesibilidad relacionadas

El 8% de los hombres y el 0,5% de las mujeres tienen algún tipo de deficiencia en la visión de los colores.

Impacto

Simulador de ceguera

Daltonismo Completo

Acromatomía

Acromatopsia

Deuteranomalía

Deuteranopia

Protanomalía

Protanopia

Tritanomalía

Tritanopia

La ceguera rojo-verde es la más frecuente, y afecta a la percepción de los rojos y los verdes.

Tipos

Perfecto para el diseño de IU, la visualización de datos, la creación de marcas y cualquier contenido visual que dependa de la diferenciación de colores.

Casos prácticos

Nuestra avanzada herramienta de análisis del color proporciona una visión completa de las propiedades, armonías y efectos psicológicos del color. Perfecta para diseñadores, desarrolladores y artistas que buscan comprender los aspectos técnicos y emocionales del color.

Analiza las armonías de color, el impacto psicológico, las especificaciones técnicas y las métricas de accesibilidad. Toma decisiones informadas sobre el uso del color en tus proyectos con conocimientos basados en datos y aplicaciones profesionales de la teoría del color.

Comprender el análisis del color

Visión y armonía profesional del color

Análisis completo del color

Analiza las propiedades del color con métricas avanzadas que incluyen la composición espectral, la pureza del color, los efectos del metamerismo y las características perceptivas. Estas herramientas proporcionan una visión profunda del comportamiento y el aspecto del color en diferentes condiciones de visión.

Esencial para crear identidades de marca cohesionadas, garantizar la armonía del color en los diseños y mantener la coherencia en los medios digitales e impresos. Nuestra herramienta de análisis del color proporciona información exhaustiva a los diseñadores profesionales.

Diseño y Marca

Genera combinaciones de colores complementarios, triádicos y análogos basándote en las relaciones de la rueda cromática

Armonías de color

Crea una cuenta gratuita para ver análisis y métricas de color completos.

Regístrate para acceder al Análisis de Color

Comprender la psicología del color y el impacto emocional en las campañas de marketing. Analizar cómo influyen los colores en el comportamiento de los usuarios y los índices de conversión en las estrategias de marketing digital.

Marketing y Psicología

Accede a especificaciones de color detalladas, incluyendo valores RGB, HSL, LAB y cálculos de luminancia

Métricas técnicas

Generador de paletas

Comprender cómo aparecen los colores en distintas condiciones de iluminación y ante distintos públicos

Percepción visual

Cómo aparecen los colores a la visión humana, incluyendo la pureza, la dominancia y el brillo percibido.

Propiedades perceptivas

Aplicaciones profesionales del análisis del color

Explora las asociaciones emocionales y psicológicas que influyen en el comportamiento y la percepción del usuario

Psicología del color

Herramientas de color relacionadas

Mediciones precisas del color basadas en la colorimetría y el análisis espectral para aplicaciones técnicas.

Análisis científico

Análisis de color

Analiza los colores para comprobar el cumplimiento de la accesibilidad web, genera códigos de color CSS y garantiza una legibilidad óptima. Perfecto para desarrolladores frontales centrados en la experiencia del usuario y las directrices WCAG.

Desarrollo web

Cada armonía tiene su propio estado de ánimo. Utiliza las armonías para hacer una lluvia de ideas sobre combinaciones de colores que funcionen bien juntos.

Utiliza un color dominante, apoya con secundarios y acentúa con moderación.

Garantiza un contraste suficiente para la legibilidad y la accesibilidad.

Los colores deben trabajar juntos para crear una experiencia visual unificada.

Principios de la Teoría del Color

Un color y su opuesto en la rueda cromática, +180 grados de matiz. Alto contraste.

Los significados de los colores varían de una cultura a otra, y tienen distintos significados simbólicos en todo el mundo.

Cultura

Explora las dimensiones artísticas y psicológicas de los colores, incluidas las asociaciones estacionales, el impacto emocional, los fenómenos naturales, los pigmentos históricos y las recetas de mezcla de colores para aplicaciones creativas.

Crea una cuenta gratuita para explorar las dimensiones creativas y artísticas de los colores.

Regístrate para acceder a Aspectos Creativos

Las manifestaciones naturales de los colores inspiran el diseño y nos conectan con el entorno.

Naturaleza

Los colores influyen en las emociones y el comportamiento mediante asociaciones psicológicas desarrolladas a lo largo del tiempo.

Psicología

Aspectos creativos

Haz clic en cualquier color para copiar su valor hexadecimal. Está demostrado matemáticamente que estas combinaciones crean armonía visual.

Las armonías de color crean equilibrio y evocan emociones específicas en tus diseños.

Obtén información útil sobre el color 123456 como conversión, combinaciones, simulación de ceguera y mucho más.

Selector de color HTML: 123456

Tres colores del mismo tono con valores de luminancia +/-50%. Sutil y refinado.

Colores de los terminales, codificación de bytes y formatos de datos para uso en programación.

Desarrollo

Convierte los colores a formatos prácticos para aplicaciones del mundo real, como la simulación de impresión, las pantallas LED, la salida de terminales y la codificación de datos. Estos formatos te ayudan a implementar los colores en distintos medios, plataformas y dispositivos físicos.

Controla las tiras de LED, la iluminación RGB y el hardware de pantalla con valores precisos.

Pantallas digitales

Crea una cuenta gratuita para ver y copiar todos los valores prácticos del formato de color.

Regístrate para acceder a Formatos Prácticos

Simula cómo aparecen los colores cuando se imprimen con tintas CMYK en soportes físicos.

Impresión y producción

Formatos prácticos

Accede al instante a todas las conversiones de formatos de color para tus proyectos.

Accede a todos los formatos prácticos

Variaciones más oscuras creadas añadiendo negro a tu color base.

Un color y dos adyacentes a su complemento. Audaz como un complemento directo, pero más versátil.

Explora las representaciones avanzadas del espacio de color y los modelos de color profesionales utilizados en la producción de vídeo, la fotografía, las aplicaciones científicas y los sistemas de gestión del color. Estos formatos técnicos proporcionan especificaciones de color precisas para industrias y aplicaciones especializadas.

Los flujos de trabajo profesionales requieren formatos de color específicos para mantener la coherencia entre dispositivos y medios.

Normas del sector

Crea una cuenta gratuita para ver y copiar todos los valores técnicos de formato de color.

Regístrate para acceder a los Formatos Técnicos

Formatos técnicos

Accede al instante a más de 10 formatos de color profesionales con conversiones precisas y explicaciones detalladas.

Desbloquear todos los formatos técnicos

Los distintos espacios de color están optimizados para fines específicos: desde una reproducción precisa del color hasta una compresión eficaz de los datos.

Por qué utilizar formatos técnicos

Dos conjuntos de colores complementarios, separados por 60 grados de matiz.

Variaciones más claras creadas añadiendo blanco a tu color base.

Tres colores espaciados uniformemente a lo largo de la rueda cromática, cada uno con 120 grados de diferencia. Lo mejor es dejar que domine un color y utilizar los otros como acentos.

La finalidad de esta sección es producir con precisión tintes (blanco puro añadido) y sombras (negro puro añadido) del color que hayas seleccionado en incrementos del 10%.

Estas variaciones forman la base de una paleta de colores cohesionada. Expórtalas para mantener la coherencia en todo tu proyecto.

Utiliza tonos para los estados flotantes y las sombras, y tintes para las luces y los fondos.

Nombre

Contacta con nosotros

Ajusta los controles deslizantes para mejorar el contraste del texto para una mejor legibilidad

Se trata de un cuerpo de texto normal. El zorro marrón rápido salta sobre el perro perezoso.

Elige un color utilizando el selector de color para el texto y el color de fondo o introduce un color en formato hexadecimal RGB (por ejemplo, #259 o #2596BE). Puedes ajustar el deslizador para seleccionar el color. Las Pautas de Accesibilidad al Contenido en la Web (WCAG) tienen una pauta específica para ayudar a determinar si el texto es legible para los usuarios videntes. Este criterio utiliza un algoritmo concreto para asignar combinaciones de colores a proporciones comparables.  Utilizando esta fórmula, las WCAG establecen que una relación de contraste de color de 4,5:1 con el texto y su fondo es adecuada para el texto normal (cuerpo), y que el texto grande (normal de más de 18 pt, o negrita de más de 14 pt) debe tener al menos una relación de contraste de color de 3:1.

Prueba las combinaciones de colores para asegurarte de que cumplen las normas de accesibilidad WCAG para la legibilidad del texto.

Comprobador de Contraste de Color: Con esta herramienta online puedes obtener detalles sobre la relación de contraste de los colores del texto y del fondo 123456. 

Verificador de Contraste de Color: 123456

Esto muestra cómo se ven los colores cuando se invierten, útil para el modo oscuro/claro.

El rápido zorro marrón salta sobre el perro perezoso

Vista previa del título

Se trata de un texto pequeño para comprobar la legibilidad.

Se trata de un texto pequeño que debe seguir siendo legible.

Regístrate gratis para acceder a 5 sugerencias de colores inteligentes que mantienen la vitalidad a la vez que cumplen las normas de accesibilidad WCAG.

Desbloquear sugerencias inteligentes de color

Relación de contraste mejorada de 7:1 para texto normal y de 4,5:1 para texto grande. Recomendado para una accesibilidad óptima.

Relación de contraste mínima de 4,5:1 para texto normal y de 3:1 para texto grande. Obligatorio para la mayoría de los sitios web.

Niveles de cumplimiento de las WCAG

Las directrices WCAG garantizan que tu contenido sea accesible para los usuarios con deficiencias visuales.

Normas WCAG

Se ha alcanzado el número máximo de 10 colores

Se ha alcanzado el número mínimo de 4 colores

Atención

Para utilizar esta función tienes que crear una cuenta GRATUITA de imagecolorpicker. Después tendrás acceso a más funciones.

Crear una nueva Paleta

Gestiona tus paletas y degradados guardados

Visualiza y gestiona tus degradados guardados

Tus degradados

Visualiza y gestiona tus paletas de colores guardadas

Tus paletas

Cuadro de mandos

Edita tu paleta

Crea degradados asombrosos con el Creador de Degradados de imagecolorpicker.com. Elige entre degradados lineales y radiales, añade varios colores, gira el degradado, guarda y comparte tus creaciones. Descarga directamente el código CSS e integra sin problemas tus degradados en tus proyectos.

Edita tu degradado

El título del degradado es obligatorio

Creador de degradados - Crea impresionantes degradados lineales y radiales | imagecolorpicker.com

Degradado

Genera códigos de color, variaciones, armonías y comprueba las relaciones de contraste.

Generador y Selector de Códigos de Color

Crea bonitos degradados con facilidad: personaliza colores, direcciones y exporta tus creaciones.

Gestiona y organiza tus paletas de colores favoritas.

Visualiza y explora este gradiente compartido.

Gradiente compartido

Visualiza y explora esta paleta compartida.

Paleta compartida

Nos hemos dado cuenta de que utilizas un bloqueador de anuncios. ¡No pasa nada! Puedes apoyarnos con una pequeña donación para mantener esta herramienta gratuita para millones de usuarios. Cada café nos ayuda a mantener y mejorar el servicio.

Bloqueador de anuncios detectado - ¡Apóyanos con un café!

Utiliza el selector de color de imagen online para seleccionar un color y obtener el código de color HTML de ese píxel. También obtendrás el código de color HEX y los valores RGB y HSV. En "Usa tu imagen", puedes subir tu propia imagen (por ejemplo, una captura de pantalla), pegar una imagen desde el portapapeles, o introducir la URL de una imagen o de un sitio web. Verás una vista previa a la izquierda.

Suelta un archivo de imagen para subirlo. Formatos admitidos: PNG, JPG, JPEG.

Carga de imágenes

Selector de Color: Con esta herramienta en línea puedes subir una imagen o proporcionar la URL de un sitio web y obtener el color RGB, el color HEX y el código de color HSL. 👍

👍 Selector de color online | Selector de color HEX | Selector de color HTML

Si utilizas un Mac o un ordenador con un sistema operativo y un navegador actualizados, podrás utilizar la función. Hemos probado Safari, Edge, Firefox y Chrome. La apariencia puede variar ligeramente.

Puedes utilizar esta función 3 veces gratis, y luego ver un anuncio rápido para 3 usos más. Tu apoyo nos ayuda a mantener esta herramienta gratuita para más de 3 millones de usuarios en todo el mundo.

Mira un anuncio de 15 segundos para seguir utilizándolo gratis

¡Has utilizado esta función 3 veces!

Crea una cuenta gratuita para saltarte los anuncios cuando quieras

Todavía estamos al principio de nuestra aventura con el selector de color. Habrá muchas más funciones en el futuro, ¡valdrá la pena!

Introduce tu dirección de correo electrónico y te enviaremos un enlace seguro para iniciar sesión.

El título de la paleta es obligatorio

Aún no has guardado una paleta de colores. Guarda una y la encontrarás aquí.

La paleta de colores que se compartió contigo ya no existe, probablemente fue eliminada por el creador. Ponte en contacto con la persona de la que recibiste este enlace.

Paleta

El título es obligatorio

Dale un nombre y una descripción a tu proyecto

Organiza tus colores, paletas y degradados en proyectos y colecciones

Mis proyectos

Organiza tus activos de diseño en proyectos

Este sitio web se mantiene gracias a la publicidad. Tienes un bloqueador de anuncios. Entendemos que no quieras ver anuncios. Este sitio web tiene costes de funcionamiento y mantenimiento. ¡Agradecemos cada café!

Una herramienta en línea para seleccionar colores de imágenes, sitios web y tu pantalla. Obtén códigos de color HEX, RGB y HSL al instante.

Herramienta en línea para extraer códigos de color (HEX, RGB) de imágenes y sitios web. 100% gratis.

Gente increíble que nos invitó a un café hace poco. ¡Gracias por su apoyo!

ImageColorPicker.com

Contacta con nosotros