Benvido/a de volta

Escolle que tipo de elemento engadir a esta colección

A túa colección foi creada correctamente

Engade unha colección para organizar os teus elementos

O elemento engadido á colección foi engadido correctamente

Crea a túa primeira colección para organizar as túas cores

Engadir cores, paletas ou gradientes a esta colección

Tres cores coa mesma luminancia e saturación con tons adxacentes no círculo cromático, separados por 30 graos. Transicións suaves.

Color blindness affects approximately 1 in 12 men and 1 in 200 women worldwide. This simulator helps designers, developers, and content creators understand how their color choices appear to people with various forms of color vision deficiency.

By testing your colors through different color blindness simulations, you can ensure your designs are accessible and effective for all users. This tool simulates the most common types of color vision deficiency including Protanopia, Deuteranopia, Tritanopia, and complete color blindness.

Understanding Color Blindness

Usa contrastes e patróns xunto coa cor para transmitir información.

Deseña mellor

Cegueira azul-amarela (tritanopia)

Código de cores

Verificador de contraste

Comproba como perciben unha cor as persoas con diferentes tipos de daltonismo para crear deseños máis accesibles. Comprender a percepción da cor axuda a garantir que o teu contido sexa accesible para todos.

Creador de gradientes

Color alone should never be the only way to convey information. Testing with this simulator helps identify potential issues.

Why It Matters

Crea unha conta gratuíta para simular como se ven as cores ás persoas con diferentes tipos de daltonismo.

Rexístrate para acceder ao Simulador de Cegueira

Así é como aparece a cor coa visión cromática normal.

Cegueira vermello-verde (protanopia)

Ferramentas de accesibilidade relacionadas

O 8 % dos homes e o 0,5 % das mulleres padecen algún tipo de deficiencia na visión das cores.

Impacto

Simulador de cegueira

Daltonismo completo

Acromatomía

Acromatopsia

Deuteranomalía

Deuteranopia

Protanomalía

Protanopia

Tritanomalia

Tritanopia

A cegueira vermello-verde é a máis común e afecta a forma en que se perciben os vermellos e os verdes.

Tipos

Perfect for UI design, data visualization, branding, and any visual content that relies on color differentiation.

Use Cases

A nosa ferramenta avanzada de análise de cores ofrece información completa sobre as propiedades da cor, as harmonías e os efectos psicolóxicos. Perfecta para deseñadores, desenvolvedores e artistas que buscan comprender os aspectos técnicos e emocionais da cor.

Analiza as harmonías de cores, o impacto psicolóxico, as especificacións técnicas e as métricas de accesibilidade. Toma decisións informadas sobre o uso da cor nos teus proxectos con información baseada en datos e aplicacións profesionais da teoría da cor.

Comprender a análise da cor

Información profesional sobre cores e harmonía

Análise completa da cor

Analiza as propiedades da cor con métricas avanzadas, como a composición espectral, a pureza da cor, os efectos de metamerismo e as características perceptivas. Estas ferramentas proporcionan información detallada sobre o comportamento e a aparencia da cor en diferentes condicións de visualización.

Esencial para crear identidades de marca cohesivas, garantir a harmonía das cores nos deseños e manter a coherencia en soportes dixitais e impresos. A nosa ferramenta de análise de cores proporciona información completa para deseñadores profesionais.

Deseño e imaxe de marca

Xerar esquemas de cores complementarios, triádicos e análogos baseados nas relacións do círculo cromático

Harmonías de cores

Crea unha conta gratuíta para ver análises e métricas de cores completas.

Rexístrate para acceder á análise de cores

Comprender a psicoloxía da cor e o impacto emocional nas campañas de mercadotecnia. Analizar como as cores inflúen no comportamento do usuario e nas taxas de conversión nas estratexias de mercadotecnia dixital.

Márketing e psicoloxía

Acceda a especificacións de cor detalladas, incluíndo valores RGB, HSL e LAB e cálculos de luminancia

Métricas técnicas

Xerador de paletas

Comprender como se ven as cores en diferentes condicións de iluminación e para diversos públicos

Percepción visual

Como se ven as cores á visión humana, incluíndo a pureza, a dominancia e o brillo percibido.

Propiedades perceptivas

Aplicacións profesionais de análise de cores

Explorar as asociacións emocionais e psicolóxicas que inflúen no comportamento e na percepción do usuario

Psicoloxía da cor

Ferramentas de cor relacionadas

Medicións precisas da cor baseadas en colorimetría e análise espectral para aplicacións técnicas.

Análise científica

Análise de cores

Analiza as cores para comprobar o cumprimento da accesibilidade web, xera códigos de cores CSS e garante unha lexibilidade óptima. Perfecto para desenvolvedores de frontend que se centran na experiencia do usuario e nas directrices WCAG.

Desenvolvemento web

Cada harmonía ten o seu propio ambiente. Usa harmonías para facer unha chuvia de ideas sobre combinacións de cores que funcionen ben xuntas.

Usa unha cor dominante, apóiaa con secundarias e acentúa con moderación.

Asegúrate de ter un contraste suficiente para a lexibilidade e a accesibilidade.

As cores deben funcionar conxuntamente para crear unha experiencia visual unificada.

Principios da teoría da cor

Unha cor e o seu oposto no círculo cromático, +180 graos de matiz. Alto contraste.

Os significados das cores varían segundo as culturas, e teñen diferentes significados simbólicos en todo o mundo.

Cultura

Explora as dimensións artísticas e psicolóxicas das cores, incluíndo as asociacións estacionais, o impacto emocional, os acontecementos naturais, os pigmentos históricos e as receitas de mestura de cores para aplicacións creativas.

Crea unha conta gratuíta para explorar as dimensións creativas e artísticas das cores.

Rexístrate para acceder a Aspectos creativos

As aparicións naturais das cores inspiran o deseño e conéctannos co medio ambiente.

Natureza

As cores inflúen nas emocións e no comportamento a través de asociacións psicolóxicas desenvolvidas ao longo do tempo.

Psicoloxía

Aspectos creativos

Fai clic en calquera cor para copiar o seu valor hexadecimal. Está matematicamente probado que estas combinacións crean harmonía visual.

As harmonías de cores crean equilibrio e evocan emocións específicas nos teus deseños.

Obtén información útil sobre a cor 123456, como conversión, combinacións, simulación de cegueira e moito máis.

Selector de cores HTML: 123456

Tres cores da mesma tonalidade con valores de luminancia de +/-50 %. Sutil e refinada.

Cores de terminais, codificación de bytes e formatos de datos para uso na programación.

Desenvolvemento

Converte cores a formatos prácticos para aplicacións do mundo real, incluíndo simulación de impresión, pantallas LED, saída de terminais e codificación de datos. Estes formatos axúdanche a implementar cores en diferentes soportes, plataformas e dispositivos físicos.

Controla as tiras LED, a iluminación RGB e o hardware de pantallas con valores precisos.

Pantallas dixitais

Crea unha conta gratuíta para ver e copiar todos os valores prácticos de formatos de cor.

Rexístrate para acceder a Formatos Prácticos

Simula como aparecen as cores cando se imprimen con tintas CMYK en soportes físicos.

Impresión e produción

Formatos prácticos

Obtén acceso instantáneo a todas as conversións de formatos de cor para os teus proxectos.

Acceda a todos os formatos prácticos

Variacións máis escuras creadas engadindo negro á cor base.

Unha cor e dúas adxacentes ao seu complementario, a +/-30 graos de matiz desde o valor oposto á cor principal. Atrevida coma un complementario directo, pero máis versátil.

Explora representacións avanzadas do espazo de cor e modelos de cor profesionais empregados na produción de vídeo, fotografía, aplicacións científicas e sistemas de xestión da cor. Estes formatos técnicos proporcionan especificacións de cor precisas para industrias e aplicacións especializadas.

Os fluxos de traballo profesionais requiren formatos de cor específicos para garantir a coherencia entre dispositivos e soportes.

Estándares da industria

Crea unha conta gratuíta para ver e copiar todos os valores de formatos de cor técnicos.

Rexístrate para acceder aos formatos técnicos

Formatos técnicos

Obtén acceso instantáneo a máis de 10 formatos de cor profesionais con conversións precisas e explicacións detalladas.

Desbloquear todos os formatos técnicos

Os diferentes espazos de cor están optimizados para fins específicos, desde a reprodución precisa da cor ata a compresión eficiente de datos.

Por que usar formatos técnicos

Dous conxuntos de cores complementarias, separadas por 60 graos de tonalidade.

Variacións máis claras creadas engadindo branco á cor base.

Tres cores espazadas uniformemente ao longo do círculo cromático, cada unha separada por 120 graos de tonalidade. É mellor deixar que unha cor domine e usar as outras como acentos.

O propósito desta sección é producir con precisión matices (branco puro engadido) e sombras (negro puro engadido) da cor seleccionada en incrementos do 10 %.

Estas variacións constitúen a base dunha paleta de cores cohesiva. Expórtaas para manter a coherencia en todo o proxecto.

Usa sombras para os estados de paso do cursor e as sombras, e matices para as luces e os fondos.

Nome

Contacta connosco

Axusta os controis deslizantes para mellorar o contraste do texto e mellorar a lexibilidade

Este é un texto normal. O raposo marrón, rápido, salta por riba do can preguiceiro.

Escolla unha cor usando o selector de cores para o texto e a cor de fondo ou introduza unha cor en formato hexadecimal RGB (por exemplo, #259 ou #2596BE). Podes axustar o control deslizante para seleccionar a cor. As directrices de accesibilidade ao contido web (WCAG) teñen unha directriz específica para axudar a descubrir se o texto é lexible para os usuarios videntes. Este criterio usa un algoritmo particular para asignar combinacións de cores en proporcións comparables. Usando esta fórmula, WCAG indica que unha proporción de contraste de cores de 4,5:1 co texto e o seu fondo é adecuada para o texto normal (corpo), e o texto grande (18+ pt en regular ou 14+ pt en negrita) debería ter polo menos 3: Relación de contraste de 1 cor.

Proba as combinacións de cores para garantir que cumpren cos estándares de accesibilidade WCAG para a lexibilidade do texto.

Comprobador de contraste de cores: con esta ferramenta en liña podes obter detalles sobre a relación de contraste do texto e das cores de fondo 123456. 

 Comprobador de contraste de cor: 123456

Isto mostra como se ven as cores cando están invertidas, útil para o modo escuro/claro.

O raposo marrón rápido salta sobre o can preguiceiro

Vista previa do título

Este é un texto pequeno para comprobar a lexibilidade.

Este é un texto pequeno que aínda debería ser lexible.

Rexístrate de balde para acceder a 5 suxestións intelixentes de cores que manteñen a vitalidade e cumpren cos estándares de accesibilidade WCAG.

Desbloquear as suxestións intelixentes de cores

Relación de contraste mellorada de 7:1 para texto normal e de 4,5:1 para texto grande. Recomendada para unha accesibilidade óptima.

Relación de contraste mínima de 4,5:1 para texto normal e 3:1 para texto grande. Obrigatoria para a maioría dos sitios web.

Niveis de cumprimento das WCAG

As directrices da WCAG garanten que o teu contido sexa accesible para usuarios con discapacidade visual.

Estándares WCAG

Atención necesaria

Para usar esta función, cómpre crear unha conta GRATIS de imagecolorpicker. Despois terás acceso a máis funcións.

Crea unha nova paleta

Xestiona as túas paletas e gradientes gardados

Ver e xestionar os teus gradientes gardados

Os teus gradientes

Ver e xestionar as paletas de cores gardadas

As túas paletas

Panel de control

Edita a túa paleta

Crea gradientes abraiantes co Creador de degradados de imagecolorpicker.com. Escolle entre degradados lineais e radiais, engade varias cores, xira o degradado, garda e comparte as túas creacións. Descarga o código CSS directamente e integra perfectamente os teus gradientes nos teus proxectos.

Crea degradados abraiantes co Creador de degradados de imagecolorpicker.com. Escolle entre degradados lineais e radiais, engade varias cores, xira o degradado, garda e comparte as túas creacións. Descarga o código CSS directamente e integra perfectamente os teus degradados nos teus proxectos.

Editar o teu degradado

É obrigatorio o título do gradiente

Creador de degradados - Crea gradientes lineais e radiais impresionantes | imagecolorpicker.com

Gradiente

Xerar códigos de cores, variacións, harmonías e comprobar as relacións de contraste.

Xerador e selector de código de cores

Crea fermosos degradados con facilidade: personaliza as cores, as direccións e exporta as túas creacións.

Xestiona e organiza as túas paletas de cores favoritas.

As túas paletas gardadas

Visualiza e explora este gradiente compartido.

Gradiente compartido

Visualiza e explora esta paleta compartida.

Paleta compartida

Notamos que estás a usar un bloqueador de anuncios. Non pasa nada! Podes axudarnos cunha pequena doazón para manter esta ferramenta gratuíta para millóns de usuarios. Cada café axúdanos a manter e mellorar o servizo.

Detectouse un bloqueador de anuncios. Apóianos cun café no seu lugar!

Usa o selector de cores de imaxes en liña que aparece arriba para seleccionar unha cor e obter o código de cores HTML deste píxel. Tamén obtés o valor do código de cores HEX, o valor RGB e o valor HSV. En "Usar a túa imaxe" podes cargar a túa propia imaxe (por exemplo, unha captura de pantalla do teu escritorio), pegar unha imaxe do portapapeis, poñer o URL dunha imaxe no cadro de texto de embaixo ou usar o URL dun sitio web; verás unha miniatura no lado esquerdo.

Para usar esta función, debes crear unha conta GRATIS de imagecolorpicker. Despois terás acceso a máis funcións.

Solta un ficheiro de imaxe para cargalo. Formatos compatibles: PNG, JPG, JPEG.

Subida de imaxes

Selector de cores: con esta ferramenta en liña pode cargar unha imaxe ou proporcionar o URL dun sitio web e obter a cor RGB, a cor HEX e o código de cor HSL. 👍

👍 Selector de cores en liña | Selector de cores HEX | Selector de cores HTML

Se estás nun Mac ou nun ordenador cun sistema operativo e navegador actual, podes usar a función. Safari, Edge, Firefox e Chrome foron probados por nós. O aspecto pode diferir lixeiramente.

Podes usar esta función 3 veces de balde e despois ver un anuncio rápido para usar a ferramenta 3 veces máis. O teu apoio axúdanos a manter esta ferramenta gratuíta para máis de 3 millóns de usuarios en todo o mundo.

Mira un anuncio de 15 segundos para seguir usándoo de balde

Usaches esta función 3 veces!

Crea unha conta gratuíta para omitir os anuncios en calquera momento

Aínda estamos ao comezo da nosa viaxe co selector de cores, haberá moitas máis funcións por vir, paga a pena.

Introduce o teu enderezo de correo electrónico e enviarémosche unha ligazón segura para iniciar sesión.

É obrigatorio o título da paleta

Aínda non gardaches unha paleta de cores. Garda un e atopalo aquí.

A paleta de cores que se compartiu contigo xa non existe, probablemente foi eliminada polo creador. Ponte en contacto coa persoa da que recibiches esta ligazón.

Paleta

É obrigatorio o título

Ponlle un nome e unha descrición ao teu proxecto

Organiza as túas cores, paletas e gradientes en proxectos e coleccións

Os meus proxectos

Organiza os teus recursos de deseño en proxectos

Este sitio web faise a través de publicidade. Tes un bloqueador. Entendemos que non verá anuncios. Este sitio web custa diñeiro executalo e mantelo. Estamos moi contentos de cada café.

Unha ferramenta en liña para escoller cores de imaxes, sitios web e a túa pantalla. Obtén códigos de cores HEX, RGB e HSL ao instante.

Ferramenta en liña para extraer códigos de cores (HEX, RGB) de imaxes e sitios web. 100 % gratuíta.

ImageColorPicker.com

Color Blindness Simulator

Select Color

#f0f0f0