Cor / Nomes
Localizador de nomes de cores: de Hex ou RGB para o nome de cor CSS mais próximo
Insira uma cor em hexadecimal, RGB ou CSS e encontre a mais próxima entre as 148 cores nomeadas do CSS, classificadas pela diferença perceptual em CIELAB, com amostras para comparação e o código hexadecimal de cada nome.
Localizador de nomes de cores: de Hex ou RGB para o nome de cor CSS mais próximo: A cor inserida e cada cor nomeada do CSS são convertidas para o espaço de cores CIELAB, no qual a distância acompanha a diferença visual entre as cores. Os nomes mais próximos são listados com a diferença de cor ΔE: abaixo de aproximadamente 2,3, a maioria das pessoas não consegue perceber a diferença. Por exemplo, #3a7bd5 é mais próximo de cornflowerblue. Roda 100% localmente no seu navegador, sem enviar nenhum arquivo para o servidor.
- Categoria
- Ferramentas do dia a dia
- Execuções
- No seu navegador
- Custo
- Grátis · sem cadastro
- Disponibilidade
- Pronto para usar
Roda inteiramente no seu navegador
A cor é comparada com todas as 148 cores nomeadas do CSS no espaço de cores CIELAB, criado para que distâncias iguais pareçam aproximadamente igualmente diferentes. A distância, ΔE, é inferior a cerca de 2.3 quando a maioria das pessoas não consegue perceber uma diferença. Qualquer nome CSS pode ser usado em uma folha de estilos no lugar do código hexadecimal, como color: steelblue.
De onde vêm os nomes
A maioria dos nomes de cores do CSS veio da lista de cores do sistema de janelas X11 na década de 1980, por isso existem nomes como papayawhip e lightgoldenrodyellow. rebeccapurple, #663399, foi adicionado em 2014 em memória de Rebecca Meyer.
Convertendo cores
Para converter uma cor em HSL, RGB ou outras notações, use o conversor de cores.
Como usar
- Digite uma cor em hexadecimal, rgb() ou um nome.
- Veja a cor nomeada mais próxima e o quanto ela se aproxima.
- Compare as amostras e copie o nome desejado.
Privacidade e limitações
Tudo é executado no seu navegador.
Ferramentas relacionadas
Perguntas frequentes
Por que usar nomes CSS?
Eles formam um conjunto padrão e amplamente reconhecido, que funciona diretamente em folhas de estilo, de aliceblue a yellowgreen.
O que significa ΔE?
É a distância entre duas cores no CIELAB. Por volta de 1 está a menor diferença que a maioria das pessoas percebe ao comparar as cores lado a lado; acima de 10, as cores são claramente diferentes.
Por que grey e gray não aparecem juntos?
São a mesma cor com duas grafias; a ferramenta lista apenas uma de cada par.
Ferramenta grátis · no seu navegador execuções · não precisa de conta