Real Color Picker Logo
Real Color Picker
Seletor de cores 100% gratuito • Ilimitado • Sem cadastro

Seletor de Cores Online Grátis & Estúdio de Paletas

Extraia códigos exatos HEX, RGB, HSL e OKLCH com nosso seletor de cores. Envie uma foto, cole da área de transferência (Ctrl+V) ou capture da tela com lupa de precisão 16x.

Arraste uma imagem aqui, ou procure arquivos

Cole da área de transferência (Ctrl+V / Cmd+V) ou arraste da área de trabalho

PNG, JPG, WEBP, SVG, GIFMáx 25MB100% no navegador

Carregue ou selecione uma imagem de amostra acima para começar a extrair cores

100%
ClickClique para selecionar e fixar a cor•↑ ↓ ← →para microajuste de 1 pixel
Cor selecionada
#0070F3
Cor ativaVercel Electric Blue

Electric Cerulean Blue

High vibrancy, primary UI anchor color.

Códigos e formatos de corCopiar
History0 / 20
Harmonias de cores
Sombras e tonalidades
Tints+10% ~ +90% White
Shades+10% ~ +90% Black
Tones+10% ~ +90% Gray

Estúdio gerador de paletas

Crie paletas harmônicas ou extraia cores diretamente da sua imagem

Estúdio de contraste e acessibilidade WCAG

Avalie taxas de conformidade WCAG 2.1 e deficiências de visão de cores

AAA ≥ 7.0AA ≥ 4.5Large ≥ 3.0
Texto normal (16px)AAA Aprovado

A rápida raposa marrom pula

Prévia de acessibilidade de alto contraste testando legibilidade em tempo real.

Taxa calculada4.52 : 1
Normal (AA)Aprovado
Grande (AA)Aprovado
Normal (AAA)Reprovado
Test Against:
Color Vision Deficiency (CVD) SimulationHow color-blind users perceive your palette

Estúdio de gradientes CSS

Crie, personalize e copie gradientes CSS modernos de múltiplas paradas

Live CSS Gradient Preview
background: linear-gradient(135deg, #0070F3 0%, #7928CA 50%, #FF0080 100%);
Ângulo135°
Paradas de cor
Preset Styles
Biblioteca de paletas salvas100% Client-Side

Suas coleções de cores salvas de forma privada no navegador

O melhor seletor de cores e estúdio de paletas online grátis

Projetado para desenvolvedores frontend, designers de UI/UX e criadores que exigem precisão de subpixel e agilidade.

01

Lupa de 16x subpixel

Identifique microdetalhes com grade de pixels individuais e navegação precisa com setas do teclado.

02

Extração inteligente de paletas

Algoritmo K-Means rápido que extrai paletas dominantes e vibrantes com 1 clique.

03

WCAG 2.1 e exportação de tokens

Verificação de contraste AA/AAA em tempo real, simulação de daltonismo e exportação para Tailwind CSS v4.

Como usar o Real Color Picker Online

Siga estes 4 passos simples para extrair, analisar e exportar códigos de cores de qualquer imagem.

1

Importe ou capture sua imagem

Arraste arquivos (PNG, JPG, WEBP, SVG), cole (Ctrl+V) ou clique em 'Capturar da tela'.

2

Amplie e fixe o pixel exato

Passe o cursor com a lupa de 16x. Use as setas para precisão de 1 pixel e clique para fixar.

3

Inspecione códigos e gere harmonias

Visualize e copie códigos HEX, RGB, HSL, CMYK, LAB e OKLCH com harmonias complementares e triádicas.

4

Salve e exporte tokens de código

Armazene paletas na sua biblioteca local ou exporte diretamente para Tailwind CSS v4, Variáveis CSS e Figma.

Referência completa de formatos de cores

O Real Color Picker converte qualquer cor instantaneamente em mais de 8 espaços de cores de design.

FormatFormatoMelhor uso / Especificação
HEX (#RRGGBB)#0070F3HTML / CSS / Figma / Web Standards
RGB / RGBArgb(0, 112, 243)Web Development & HTML5 Canvas
HSL / HSLAhsl(212, 100%, 48%)UI Design Systems & CSS Variables
OKLCHoklch(0.58 0.22 255.4)Modern CSS Color 4 Perceptual Gamut
CMYKcmyk(100%, 54%, 0%, 5%)Print, Press & Graphic Publishing

Perguntas frequentes (FAQ)

Tudo o que você precisa saber sobre seleção de cores online, conta-gotas de imagem e conversão de formatos.

O Real Color Picker é afiliado ao Google?
O Real Color Picker é uma ferramenta independente e não possui afiliação com o Google. Somos uma suíte 100% gratuita para extração e conversão de cores rápida e privada no cliente.
O que é uma ferramenta seletora de cores?
É um utilitário digital que permite a designers e desenvolvedores selecionar e identificar valores exatos de cores em qualquer tela ou imagem, convertendo para HEX, RGB, HSL, CMYK e OKLCH.
Como extraio códigos de cores de uma imagem no computador ou celular?
Basta arrastar e soltar uma imagem ou colar da área de transferência. Depois, passe o cursor com a lupa de 16x e clique no pixel desejado para copiar seu código hexadecimal.
Este seletor de cores é 100% gratuito e ilimitado?
Sim, o Real Color Picker é totalmente gratuito, sem assinaturas e sem limites de uso em todas as ferramentas.
Preciso criar uma conta para salvar paletas?
Não é necessário cadastro. Suas paletas ficam salvas de forma segura no armazenamento local do seu próprio navegador (localStorage).
Por que este seletor é melhor do que os conta-gotas normais de navegadores?
Oferecemos uma lupa de 16x com grade de pixels reais e mira central, além de controle pelas setas do teclado para ajuste de 1 pixel por vez.
Posso gerar paletas aleatórias usando a barra de espaço?
Sim! No gerador de paletas, basta pressionar a barra de espaço para alternar entre milhões de combinações equilibradas.
Qual a diferença entre 'color picker' e 'hex color picker'?
São variações do mesmo termo. O seletor hexadecimal formata a cor na notação de 6 caracteres (como #0070F3) usada na web e no design de UI.
Como a ferramenta avalia a conformidade WCAG 2.1?
Ela calcula a luminância relativa exata conforme as normas W3C WCAG 2.1 para os níveis AA (mínimo 4.5:1) e AAA (mínimo 7:1).
Minhas imagens enviadas permanecem privadas?
Sim, 100%. Todo o processamento ocorre no navegador via HTML5 Canvas. Suas imagens nunca são enviadas para nenhum servidor.