Benvido/a de volta

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

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.

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

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.

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.

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

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 %.

Nome

Contacta connosco

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.

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

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

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.

Creador de gradientes

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.

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!

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

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

Contacta connosco