WAVESPEED AI SELETOR DE CORES Roda no seu navegador

100% GRÁTIS

Seletor de Cores OnlineEscolha, converta, verifique e exporte cores.

Escolha uma cor na roda, na sua tela ou em qualquer imagem e copie-a em HEX, RGB, HSL, HSV, OKLCH ou CMYK.
Monte harmonias e escalas de tons, verifique o contraste do texto, veja como pessoas daltônicas a enxergam e exporte código pronto para colar.

Escolha em qualquer imagemVerificador de contraste incluídoCódigo CSS, Tailwind, Swift e Android

Sem cadastro Sem upload Sem marca d'água

Carregando o seletor de cores…

Cores e imagens ficam no seu dispositivo.

TRÊS PASSOS SIMPLES

Como usar o seletor de cores

Escolha uma cor

Arraste na roda de cores, digite ou cole qualquer código de cor, use o conta-gotas ou abra uma foto e clique num pixel.

Ajuste e copie

Ajuste com os controles RGB, HSL, HSV, OKLCH ou CMYK e copie o valor de que precisa com um clique.

Monte e exporte

Crie harmonias ou uma escala de tons, verifique contraste e daltonismo e depois copie ou baixe o código para o seu projeto.

BOM SABER

Dicas para escolher cores

Alguns hábitos que deixam as paletas mais fáceis de usar e de ler.

Verifique o contraste do texto cedo

O texto do corpo precisa de pelo menos 4,5:1 em relação ao fundo para o WCAG AA, e o texto grande de 3:1. O verificador sugere a cor mais próxima que passa.

Use OKLCH para escalas uniformes

A luminosidade OKLCH corresponde ao que os olhos veem, então uma escala feita em OKLCH avança de forma uniforme do claro ao escuro, sem tons intermediários lamacentos.

Não dependa só da cor

Vermelho e verde parecem iguais para muitas pessoas. Veja sua paleta na aba de daltonismo e adicione rótulos ou ícones onde o significado importa.

Faça a média ao escolher em fotos

Fotos têm ruído de perto. Uma amostra de 3×3 ou 5×5 dá a cor que você vê, e não um único pixel isolado.

Comece uma paleta a partir de uma imagem

Abra uma foto de que goste e extraia de 5 a 8 cores. K-means encontra as cores principais; median cut preserva pequenos detalhes de destaque.

O CMYK aqui é uma estimativa

As cores impressas dependem do papel e da impressora. Use o valor CMYK como ponto de partida e confira com o perfil da sua gráfica.

WaveSpeed AI

Transforme sua paleta em imagens

Gere imagens e vídeos nas cores da sua marca a partir de um prompt com a WaveSpeed AI.

Começar a criar Explore mais de 1.000 Modelos de IA

Mais de 1.000 modelos de IA
Imagem, vídeo e 3D
Pague conforme o uso

$1 em créditos grátis para novas contas elegíveis. Sem cartão. Os geradores têm requisitos próprios de conta e créditos. O seletor de cores é grátis.

Perguntas frequentes sobre o seletor de cores

Como escolho uma cor de uma imagem?

Abra a aba Imagem, escolha uma foto ou captura de tela (ou cole uma) e clique ou toque em qualquer pixel. Uma lupa mostra exatamente em que pixel você está, e você pode fazer a média de uma área de 3×3 a 11×11. A imagem é lida no seu navegador e fica no seu dispositivo.

Posso escolher uma cor de qualquer lugar da minha tela?

Sim, nos navegadores compatíveis com o conta-gotas (Chrome, Edge e outros navegadores Chromium no computador). Clique em Conta-gotas e depois em qualquer pixel da tela, mesmo fora da janela do navegador. Em outros navegadores, faça uma captura de tela e cole-a na aba Imagem.

Como converto HEX para RGB?

Digite ou cole o código HEX no campo de cor e o valor RGB aparece abaixo, pronto para copiar. Para converter muitas cores de uma vez, cole uma por linha na aba Converter e escolha o formato de saída.

Quais formatos de cor são suportados?

HEX (3, 4, 6 e 8 dígitos), RGB, HSL, HSV/HSB, HWB, OKLCH, OKLab e CMYK, além de todos os nomes de cores do CSS. Você pode colar valores com ou sem o nome da função, por exemplo “255, 87, 51”.

O que é OKLCH e por que usar?

OKLCH descreve uma cor pela luminosidade percebida, croma (intensidade da cor) e matiz. Passos iguais parecem iguais, então é ideal para escalas de tons e paletas consistentes, e é suportado no CSS moderno como oklch().

Como funciona o verificador de contraste?

Ele calcula a razão de contraste WCAG 2 entre o texto e o fundo e mostra se passa nos níveis AA e AAA para texto normal e grande e para elementos de interface. Também mostra o contraste de luminosidade APCA (Lc) do rascunho da WCAG 3 e sugere a cor mais próxima que passa.

Como crio uma paleta de cores?

Escolha uma cor base e use Harmonias para esquemas complementares, triádicos e outros, ou Tons para tons claros, sombras e uma escala 50–950. Você também pode extrair uma paleta de uma foto. Salve as favoritas e exporte-as como código.

Posso exportar cores para Tailwind, SwiftUI ou Android?

Sim. A aba Exportar gera sua paleta como variáveis CSS, SCSS, @theme do Tailwind v4 ou config do v3, SwiftUI, UIKit, colors.xml do Android, Jetpack Compose, JSON, paleta GIMP ou uma lista simples de hex. Copie ou baixe o arquivo.

Este seletor de cores é grátis?

Sim. É grátis, sem cadastro, sem limites e sem marca d'água, e tudo roda no seu navegador.

Todas as ferramentas grátis