logo
GeekFormat

Conversor de cores

最接近的 CSS 颜色名: mediumseagreen

RGB

R
G
B
A

HSL

H
S
L

HSV

H
S
V
HEX#22c55e
RGBrgb(34, 197, 94)
RGBArgba(34, 197, 94, 1)
HSLhsl(142, 71%, 45%)
HSLAhsla(142, 71%, 45%, 1)
HSVhsv(142, 83%, 77%)
HWBhwb(142, 13%, 23%)
CMYKcmyk(83%, 0%, 52%, 23%)
XYZxyz(22.64, 41.08, 17.32)
LABlab(70, -62, 40)
LCHlch(70, 74, 147)
OKLABoklab(1, 0, 0)
OKLCHoklch(1, 0, 180)

WCAG 对比度检查

白字
2.28:1
AA ✗AAA ✗
黑字
9.22:1
AA ✓AAA ✓

Conversor de cores online compatível com conversão com um clique entre 14 formatos de cor incluindo HEX, RGB, RGBA, HSL, HSLA, HSV, HWB, CMYK, XYZ, LAB, LCH, OKLAB e OKLCH. Inclui um seletor de cor integrado para ajustes em tempo real, verificação de contraste WCAG, esquemas de harmonia de cores, geração de tons, conversão em lote e extração de cores de imagens. Todos os cálculos rodam inteiramente localmente no seu navegador — não são necessários uploads de arquivos, perfeito para designers e desenvolvedores frontend.

Sugestões Relacionadas

Simulador de Daltonismo

Filtros de Imagem

CSS Formatter

Conversor de Unidades

Conversor de Moedas

Converter Imagens

Casos de uso

  • Converter valores HEX de maquetes de design para RGB/HSL para estilos CSS no desenvolvimento frontend, ou para RGBA quando transparência for necessária
  • Unificar formatos de valores de cor ao alternar entre ferramentas de design como Figma, Sketch e Photoshop para designers UI/UX
  • Converter valores RGB de tela para CMYK como referência durante a comunicação inicial de produção de impressão
  • Verificar razões de contraste entre cores de texto e fundo para conformidade WCAG AA/AAA em design acessível
  • Gerar rapidamente uma família completa de tinta a tom para construir sistemas de design usando o gerador de tons
  • Gerar esquemas de cor profissionais (complementares, análogos, etc.) para marca ou design de cartazes usando harmonia de cores
  • Extrair cores dominantes de imagens de referência ou fotos para inspiração (seletor de cor de imagem)
  • Processar em lote vários valores de cor de maquetes de design e converter para os formatos necessários de uma vez
  • Ajustar convenientemente brilho e saturação com HSL ou OKLCH ao escrever estados CSS como hover
  • Construir cores de sistemas de design perceptualmente uniformes usando o espaço de cor CSS moderno OKLCH
  • Ensinar princípios de espaços de cor com comparação visual interativa de como formatos diferentes representam a mesma cor
  • Encontrar rapidamente o nome de cor CSS em inglês para qualquer valor para referência e comunicação fáceis

Recursos

  • Conversão de 14 formatos de cor: suporte para HEX, RGB, RGBA, HSL, HSLA, HSV, HWB, CMYK, XYZ, LAB, LCH, OKLAB, OKLCH e cores nomeadas CSS
  • Reconhecimento inteligente de entrada: cole qualquer formato de cor e ele detecta automaticamente; suporta notação abreviada #rgb, #rrggbbaa com alfa, rgb(), hsl() e nomes de cores CSS
  • Ajustes com controles deslizantes em tempo real: vermelho/verde/azul RGB, matiz/saturação/luminosidade HSL, controles HSV para ajuste WYSIWYG instantâneo de cores
  • Suporte a transparência alfa: conversão RGBA e HSLA com canal alfa, compatível com formatos de opacidade percentual e decimal
  • Correspondência de nomes de cores CSS: encontra automaticamente a cor nomeada CSS padrão mais próxima (mais de 140 opções) para referência rápida
  • Verificador de contraste WCAG: cálculo em tempo real das razões de contraste sobre texto branco e preto, com indicadores automáticos de aprovação/reprovação para AA (≥4.5:1) e AAA (≥7:1)
  • Gerador de harmonia de cores: geração com um clique de 5 esquemas clássicos — complementares, análogos, triádicos, complementares divididos e tetrádicos
  • Geração de tons: disponíveis tanto tons tradicionais misturados em RGB quanto tons OKLCH perceptualmente uniformes, gerando instantaneamente 11 passos de luminosidade
  • Conversão em lote: processe vários valores de cor de uma vez com entrada multilinha — ideal para processar paletas de cores de sistemas de design
  • Seletor de cor de imagem: envie uma imagem para amostrar e extrair automaticamente 16 cores dominantes, ótimo para extrair paletas de referências ou fotos
  • Cópia com um clique: botão de copiar ao lado de cada formato de cor para cópia instantânea em notação padrão — pronto para colar diretamente no CSS ou software de design
  • Gerador de cores aleatórias: gere cores aleatórias com um clique para inspiração rápida
  • Processamento puramente baseado em navegador: todos os cálculos de cor rodam localmente no seu navegador sem uploads para servidores — funciona instantaneamente sem necessidade de cadastro
  • Design responsivo: funciona perfeitamente em desktop, mobile e tablet — ajuste cores e copie valores confortavelmente no celular

Como Usar

  1. Insira qualquer valor de formato de cor na caixa de entrada superior, clique na amostra de cor para usar o seletor, ou arraste os controles deslizantes RGB/HSL/HSV para ajustar
  2. A ferramenta converte automaticamente em tempo real para todos os 14 formatos incluindo HEX, RGB, RGBA, HSL, HSV, CMYK, OKLCH
  3. Alterne para 'Harmonia de cores' para esquemas, 'Tons' para rampas de tinta/tom, ou 'Lotes/Seletor' para conversão em lote ou extração de cores de imagem
  4. Clique no botão de copiar ao lado de qualquer formato de cor para copiar a notação padrão diretamente para usar

Perguntas frequentes

Quais formatos de cor o conversor de cores suporta?

Ele suporta conversão entre 14 formatos de cor comuns: HEX (notação abreviada de 3 dígitos e 8 dígitos com alfa), RGB, RGBA, HSL, HSLA, HSV, HWB, CMYK, XYZ (CIE 1931 com iluminante D65), CIE LAB, LCH, OKLAB, OKLCH, além de mais de 140 cores nomeadas CSS padrão. Insira qualquer formato para converter automaticamente para todos os outros.

Como uso esta ferramenta de conversão de cores?

É muito simples: 1) Insira qualquer valor de cor na caixa de entrada superior — por exemplo #22c55e, rgb(34,197,94), hsl(142,71%,45%), ou até um nome de cor como verde; 2) Ou clique na amostra de cor para usar o seletor, ou arraste os controles deslizantes RGB/HSL/HSV para ajuste em tempo real; 3) Todas as 14 conversões de formato aparecem instantaneamente abaixo — clique no botão de copiar ao lado de qualquer formato para copiá-lo para a área de transferência.

Qual é a diferença entre HEX, RGB e HSL? Onde cada um é usado?

HEX é a notação hexadecimal mais comum para a web — #ff0000 para vermelho — amplamente utilizada em CSS e arquivos de entrega de design. RGB representa cores com valores de 0-255 para vermelho, verde e azul, a base das telas. HSL usa Matiz (0-360°), Saturação e Luminosidade, que se alinha melhor com a percepção humana de cor e é mais intuitiva para designers ajustarem cores. CMYK usa porcentagens de tinta ciano, magenta, amarela e preta para impressão. OKLCH é um espaço de cor moderno perceptualmente uniforme que produz degradês e rampas de tons visualmente suaves.

O que é a razão de contraste WCAG? Qual razão atende aos padrões de acessibilidade?

A razão de contraste WCAG mede a diferença de luminância entre a cor do texto e a cor de fundo, garantindo que o conteúdo seja legível para usuários com deficiências visuais. De acordo com as Diretrizes de Acessibilidade para Conteúdo da Web: texto de corpo normal precisa de ≥4.5:1 para Nível AA (aprovado) e ≥7:1 para Nível AAA (excelente); texto grande (≥18pt em negrito ou ≥24pt normal) precisa de ≥3:1 para AA. A ferramenta exibe razões de contraste em tempo real sobre texto branco e preto, com indicadores automáticos de aprovação/reprovação para os padrões AA e AAA.

O que significa o A em RGBA? Como configuro a transparência?

O A em RGBA significa canal Alfa, que controla a transparência — os valores vão de 0 (completamente transparente) a 1 (completamente opaco). Por exemplo, rgba(34,197,94,0.5) é verde semitransparente. Ajuste a transparência com o controle deslizante Alfa; os resultados da conversão exibem formatos RGBA e HSLA com alfa. HEX também suporta transparência adicionando dois dígitos hexadecimais após a cor de 6 dígitos — por exemplo #22c55e80 representa 50% de opacidade.

O que são OKLCH e LCH? Como eles diferem de HSL?

LCH e OKLCH são espaços de cor perceptualmente uniformes onde L é Luminosidade, C é Croma (saturação) e H é Matiz. Sua maior vantagem sobre HSL é: cores com o mesmo valor L realmente parecem igualmente brilhantes visualmente, o que é crítico para sistemas de design — se você gerar paletas com diferentes matizes mas a mesma luminosidade usando HSL, algumas parecem mais escuras que outras, mas OKLCH garante luminosidade percebida uniforme. OKLCH é mais novo que LAB/LCH com cálculos mais simples e predição de cor mais precisa, recomendado em CSS moderno (CSS Color Level 4).

Como uso a função do seletor de cor de imagem?

Alterne para a aba 'Lotes/Seletor', clique em enviar para selecionar uma imagem — a ferramenta dimensiona automaticamente as imagens para uma grade de 100×100 e extrai 16 cores de posições distribuídas uniformemente, exibindo amostras e valores de cor. Clique em qualquer amostra para definir essa cor como sua cor principal para ajustes e conversão adicionais. Perfeito para extrair rapidamente paletas de imagens de referência, maquetes de design ou fotos.

Quais esquemas de harmonia de cores estão disponíveis e como os uso?

A ferramenta fornece 5 esquemas de harmonia clássicos: 1) Complementares: cores separadas por 180° para alto contraste; 2) Análogos: cores separadas por 30° para harmonia natural; 3) Triádicos: cores separadas por 120° para equilíbrio vibrante; 4) Complementares divididos: cor base + 30° de cada lado da complementar para contraste com suavidade; 5) Tetrádicos (retângulo): quatro cores separadas por 90° para variedade rica. Alterne para a aba 'Harmonia de cores' para ver esquemas gerados — clique em qualquer amostra para defini-la como sua cor principal.

Os resultados da conversão CMYK podem ser usados diretamente para impressão?

Eles funcionam bem como referência, mas observe: telas usam cor RGB aditiva (emissão de luz), enquanto a impressão usa CMYK subtrativo (reflexão de tinta). Estes têm gamas diferentes — algumas cores RGB brilhantes (como verdes e azuis vívidos) não podem ser reproduzidas com precisão com tintas CMYK, então ocorre alguma mudança de cor. A ferramenta usa fórmulas padrão de conversão RGB para CMYK, adequadas para comunicação inicial e referência rápida. Para produção de impressão final, recomendamos usar software de design profissional com perfis de cor ICC adequados para prova digital.

Como funciona a conversão em lote? Quantas cores posso converter de uma vez?

Alterne para a aba 'Lotes/Seletor', insira uma cor por linha na caixa de texto (misturando livremente nomes de cores HEX/RGB/HSL/CSS), depois clique em converter em lote para processar todas as cores de uma vez. Os resultados exibem amostras de cor e valores HEX para cada uma. Não há limite teórico, mas para centenas de cores recomendamos processar em lotes para evitar atrasos no navegador.

Posso usar o conversor de cores no celular?

Sim. A ferramenta usa design responsivo e funciona perfeitamente em telas de celular, tablet e desktop de todos os tamanhos. No celular você ainda pode inserir valores de cor, arrastar controles deslizantes para ajustar cores, ver conversões e copiar valores — todos os recursos correspondem à experiência de desktop. E como é cálculo puramente local, não usará seus dados móveis.

E se a entrada disser 'formato de cor não reconhecido'?

Verifique o formato de entrada: 1) HEX deve começar com # (opcional) seguido de 3, 6 ou 8 caracteres hexadecimais (0-9/a-f) — #f00, #ff0000, #ff0000ff são todos válidos; 2) O formato RGB deve ser rgb(r,g,b) com três valores de 0-255 separados por vírgulas; 3) O formato HSL é hsl(h,s%,l%) com matiz 0-360°, saturação e luminosidade 0-100%; 4) Os nomes de cores CSS devem ser nomes padrão como vermelho/azul/verde — não há suporte para nomes de cores em chinês.

Por que as cores convertidas parecem diferentes em softwares diferentes?

Este é um comportamento normal de gerenciamento de cores: softwares, monitores e sistemas operacionais diferentes podem usar perfis de cor diferentes (sRGB, Display P3, Adobe RGB), causando ligeiras diferenças visuais para o mesmo valor de cor. Páginas da web usam por padrão o espaço de cor sRGB — se você estiver usando perfis Adobe RGB ou Display P3 em softwares como Photoshop, precisará converter para sRGB ao exportar para exibição web consistente.

Qual formato de cor devo usar no desenvolvimento frontend?

CSS moderno suporta todos os formatos de cor: HEX é o mais comum com a melhor compatibilidade e é o padrão para entregas de design; RGB/RGBA funciona bem quando você precisa de ajustes de opacidade dinâmicos ou manipulação em nível de canal; HSL é o mais intuitivo para escrever variantes de cor diretamente no código (como clarear um estado de hover simplesmente aumentando L); OKLCH é o futuro, compatível nativamente em CSS Color Level 4, com uniformidade perceptual perfeita para gerar tons e degradês — escolha com base nas necessidades de compatibilidade do seu projeto.

Para que serve a função de geração de tons? Qual é a diferença entre tons tradicionais e OKLCH?

A geração de tons cria instantaneamente 11 passos (50-900) de tintas e tons para uma família de cores, ideal para construir paletas de sistemas de design (como o sistema de cores do Tailwind). Tons tradicionais simplesmente misturam em direção ao branco no espaço RGB — embora numericamente uniformes, os tons médios podem parecer desiguais. Tons OKLCH mantêm matiz e croma enquanto ajustam apenas a luminosidade L, produzindo transições visualmente suaves entre claro e escuro — mais profissionais e polidos.

Sobre espaços de cor e conversão de formatos de cor

Conversores de cores estão entre as ferramentas mais frequentemente usadas por designers e desenvolvedores frontend, fornecendo conversão precisa entre diferentes representações de cor. A cor em si é uma percepção visual; para representá-la em computadores e impressão, pessoas desenvolveram vários modelos de cor (espaços de cor) que descrevem a mesma cor usando diferentes sistemas numéricos, cada um adequado a diferentes cenários e dispositivos.

Formatos de cor comuns incluem: HEX (RGB hexadecimal, a notação web padrão), RGB (valores Vermelho/Verde/Azul 0-255, a base das telas), HSL (Matiz/Saturação/Luminosidade, o mais intuitivo para ajuste humano de cores), CMYK (porcentagens Ciano/Magenta/Amarelo/Preto para impressão). Nos últimos anos espaços de cor perceptualmente uniformes como OKLCH cresceram em popularidade porque garantem matematicamente que cores com o mesmo valor de luminosidade realmente parecem igualmente brilhantes visualmente — crítico para construir sistemas de design e gerar degradês.

Por que converter entre formatos de cor? Ferramentas, plataformas e mídias de saída diferentes usam formatos de cor diferentes: CSS web suporta HEX/RGB/HSL/OKLCH e mais; software de design como Figma/Sketch usa HEX por padrão; impressão requer CMYK; e ao ajustar dinamicamente cores no código (como estados de hover ou mudanças de opacidade), HSL e OKLCH são muito mais convenientes que HEX. Conversão de cor precisa garante consistência de cor entre maquetes de design e implementação final.

Contraste WCAG é um padrão importante para acessibilidade web, medindo a diferença de luminância entre o texto de primeiro plano e as cores de fundo para garantir legibilidade para usuários com deficiências visuais. Texto de corpo normal precisa de uma razão de contraste de 4.5:1 (nível AA), com conteúdo importante recomendado em 7:1 (nível AAA). Nossa ferramenta calcula isso em tempo real, ajudando designers a considerar acessibilidade durante a seleção de cores em vez de corrigir depois.

Harmonia de cores é uma teoria de cor clássica baseada no círculo cromático, gerando combinações visualmente coesas usando posições geométricas de matizes ao redor do círculo. Cores complementares criam contraste forte ideal para botões e acentos; cores análogas são harmoniosas e naturais para grandes áreas de fundo; esquemas triádicos e tetrádicos oferecem equilíbrio e riqueza para identidade de marca. A ferramenta inclui 5 dos esquemas de harmonia mais comumente usados, gerando paletas com um clique.

Tons/Tintas de cor são variações de claro a escuro do mesmo matiz, a base para construir sistemas de design (como as paletas 50-900 do Tailwind CSS). Tons RGB tradicionais simplesmente misturam em direção ao branco, mas parecem visualmente desiguais; tons baseados em OKLCH mantêm matiz e croma enquanto ajustam apenas a luminosidade, produzindo transições claro-escuro visualmente suaves — a abordagem recomendada para sistemas de design modernos. Nossa ferramenta oferece ambos os estilos de tons para comparação.

Por que o processamento local é importante? Conversão de cores é puramente matemática e não requer absolutamente nenhum upload de dados para servidores. Todos os cálculos em nossa ferramenta rodam inteiramente localmente no seu navegador — abra a página e use-a instantaneamente sem cadastro ou login, nenhum dado de imagem ou cor é enviado. É rápido e preserva a privacidade — você pode usá-la com confiança mesmo para cores de maquetes de design confidenciais não lançadas.

Nota importante: conversão de formatos de cor é matematicamente precisa, mas devido a gamas de tela, calibração de monitores e processos de impressão, o mesmo valor de cor pode parecer ligeiramente diferente em dispositivos e mídias. Telas usam RGB aditivo (mais luz = mais brilhante), enquanto a impressão usa CMYK subtrativo (mais tinta = mais escuro). Os dois têm gamas diferentes — algumas cores RGB altamente saturadas não podem ser reproduzidas com precisão com tintas CMYK. Resultados de conversão são ideais para design digital e desenvolvimento web; para produção de impressão final, recomendamos software de gerenciamento de cor profissional para prova.

术语表

HEX
Notação hexadecimal de cor usando # seguido de 6 dígitos hexadecimais representando RGB (dois dígitos por canal, 00-FF) — #FF0000 para vermelho, o formato mais comum para web e software de design. Suporta notação abreviada de 3 dígitos (ex. #f00) e notação de 8 dígitos com alfa.
RGB/RGBA
Representa a cor com três valores de 0-255 para Vermelho, Verde e Azul; rgba() adiciona um canal Alfa para transparência (0-1). O modelo de cor fundamental para telas.
HSL/HSLA
Representa a cor com Matiz (0-360°), Saturação (0-100%) e Luminosidade (0-100%), alinhando-se melhor com a percepção humana de cor — mais intuitivo para designers ajustando cores.
HSV/HSB
Matiz, Saturação, Valor/Brilho — semelhante a HSL mas com cálculo de luminosidade diferente, comumente encontrado em seletores de cor em softwares de design como Photoshop.
HWB
Matiz, Brancura, Escuridão — uma adição do CSS Color Level 4 que é mais intuitiva que HSL: simplesmente adicione branco ou preto para ajustar o tom.
CMYK
Porcentagens de tintas Ciano, Magenta, Amarela e Preta (Key), usadas na indústria de impressão para representar proporções de mistura de tinta.
CIE LAB/LAB
Um espaço de cor perceptualmente uniforme definido pela Comissão Internacional de Iluminação (CIE): L para Luminosidade (0-100), a para o eixo verde-vermelho, b para o eixo azul-amarelo — projetado para que distâncias numéricas correspondam a diferenças de cor percebidas.
LCH
Uma representação de coordenadas polares convertida de LAB: L Luminosidade, C Croma (saturação), H Matiz — mais perceptualmente uniforme que HSL, adequado para design profissional que requer controle perceptual preciso.
OKLAB/OKLCH
Uma nova geração de espaços de cor perceptualmente uniformes introduzida em 2020 — cálculos mais simples e predição de matiz mais precisa que LAB/LCH. OKLCH é sua forma polar, compatível nativamente em CSS moderno e recomendada para construir sistemas de design.
Contraste WCAG
A razão de luminância entre o texto de primeiro plano e o fundo especificada pelas Diretrizes de Acessibilidade para Conteúdo da Web: AA requer ≥4.5:1 para texto de corpo, AAA requer ≥7:1 — garantindo legibilidade para usuários com deficiências visuais.
Harmonia de cores
Teoria de cor baseada em posições ao redor do círculo cromático, usando relações geométricas (complementares 180°, análogos espaçamento 30°, triádicos espaçamento 120°, etc.) para gerar combinações visualmente coesas e esteticamente agradáveis.
Tons/Tintas
Uma gama de variações de claro a escuro do mesmo matiz, tipicamente gerada como 11 passos de 50 a 900, usada em sistemas de design para diferentes aplicações de uma única cor (fundos, bordas, texto, acentos).

Referência rápida de comparação de 14 formatos de cor

Abaixo estão as faixas de valor, exemplos de vermelho puro e casos de uso principais para cada formato de cor:

FormatoFaixa de valorExemplo vermelho puroCasos de uso principais
HEX#RRVVAA 00-FF#ff0000CSS web, entrega de design — o formato mais universal
RGBR/V/A: 0-255rgb(255,0,0)Base de exibição em tela, programação Canvas/WebGL
RGBAMais A: 0-1rgba(255,0,0,1)CSS que requer transparência, efeitos de sobreposição
HSLM:0-360°, S/L:0-100%hsl(0,100%,50%)Ajuste de cor por designers, manipulação dinâmica de cor no código
HSVM:0-360°, S/V:0-100%hsv(0,100%,100%)Seletores de cor em softwares de design como Photoshop
HWBM:0-360°, B/P:0-100%hwb(0,0%,0%)CSS Color 4 — ajuste intuitivo adicionando branco/preto
CMYKC/M/A/P: 0-100%cmyk(0%,100%,100%,0%)Indústria de impressão e editorial
OKLCHL:0-1, C:0-0.4, M:0-360°oklch(0.63,0.24,29)CSS moderno, paletas de sistemas de design, degradês perceptualmente uniformes

Referência de padrões de contraste de acessibilidade WCAG

Requisitos mínimos de contraste das Diretrizes de Acessibilidade para Conteúdo da Web (WCAG 2.1):

NívelRequisito de razão de contrasteTipo de texto aplicávelObservações
AA≥ 4.5:1Texto de corpo normal (<18pt normal ou <14pt negrito)Padrão de aprovação mínimo, requisito de conformidade legal
AA≥ 3:1Texto grande (≥18pt normal ou ≥14pt negrito)Cabeçalhos grandes podem ter requisitos reduzidos
AAA≥ 7:1Texto de corpo normal (aprimorado)Recomendado para conteúdo importante, leitura longa
AAA≥ 4.5:1Texto grande (aprimorado)Design acessível excelente

Referência rápida de 5 esquemas de harmonia de cores

Combinações de cores clássicas baseadas em ângulos do círculo cromático — clique para gerar instantaneamente:

Tipo de esquemaEspaçamento de matizQuantidade de coresEfeito visual e casos de uso
Complementares180° separados2 coresContraste forte — ideal para botões, acentos, CTAs
Análogos±30° adjacentes3 coresHarmonioso e natural — ótimo para fundos grandes, paletas principais
TriádicosEspaçamento 120°3 coresVibrante e equilibrado — ideal para marca, ilustração
Complementares divididosBase + ±30° da complementar3 coresContraste com suavidade — mais refinado que complementar
TetrádicosEspaçamento 90°4 coresRico e variado — ideal para designs complexos, produtos infantis

Privacy & Security

Este conversor de cores executa todos os cálculos de cor, seleção de cor de imagem e processamento em lote inteiramente localmente no seu navegador usando JavaScript puro na memória do navegador. Os valores de cor que você insere e as imagens que você envia nunca são transmitidos pela rede para nenhum servidor, nem registrados, armazenados em cache ou salvos. Após o processamento, fechar ou atualizar a página limpa automaticamente os dados temporários da memória do navegador. Conteúdo sensível como cores de maquetes de design não lançadas e cores de marca podem ser usados com segurança sem risco de vazamento.

Authoritative References

Troubleshooting

E se a entrada mostrar 'formato de cor não reconhecido'?

Verifique: 1) O formato HEX usa caracteres hexadecimais válidos (0-9, a-f, A-F) com 3, 6 ou 8 dígitos; # é opcional; 2) O formato RGB/RGBA requer três ou quatro valores entre parênteses — R/V/A 0-255, Alfa 0-1, separados por vírgulas; 3) O formato HSL/HSLA requer M 0-360, S e L como valores percentuais 0-100; 4) Os nomes de cores CSS devem ser nomes em inglês padrão — não há suporte para nomes de cores em chinês.

Por que a conversão CMYK parece diferente da impressão real?

Isso é esperado: RGB e CMYK têm gamas diferentes — muitas cores RGB brilhantes não podem ser reproduzidas com tintas CMYK. A ferramenta usa fórmulas de conversão padrão adequadas para referência inicial. Para impressão profissional: 1) Converta para modo CMYK no software de design; 2) Use perfis de cor ICC corretos; 3) Faça uma prova digital.

Por que a mesma cor parece diferente no meu celular vs. computador?

Diferentes telas têm diferente cobertura de gama, temperatura de cor, brilho e calibração: Mac usa por padrão a gama ampla Display P3, a maioria dos PCs Windows usa sRGB, e telas de celular variam. Para design web recomenda-se padronizar em sRGB como base para aparência consistente na maioria dos dispositivos.

Enviar imagem para o seletor de cor não responde?

Por favor confirme: 1) Você está enviando um formato de imagem padrão (JPG/PNG/GIF/WebP); 2) O arquivo de imagem não está corrompido; 3) O tamanho do arquivo não é muito grande (recomendamos menos de 5 MB). O seletor de cor de imagem processa localmente em canvas e nunca é enviado para servidores — atualizar e reenviar geralmente resolve os problemas.