Toolyard

Cores HEX, RGB e HSL

Três jeitos de escrever uma cor

HEX#2563D9
RGBrgb(37, 99, 217)
HSLhsl(219, 71%, 50%)

Os três são o mesmo azul. As telas formam cada cor misturando luz vermelha, verde e azul, e cada formato é um jeito diferente de escrever essas quantidades.

RGB e HEX

O RGB dá vermelho, verde e azul de 0 a 255. O HEX escreve os mesmos três números em base 16, com dois dígitos cada: 25 é 37, 63 é 99 e D9 é 217. Um código curto como #FFF duplica cada dígito (#FFFFFF, branco), e um quarto par acrescenta transparência (#2563D980 fica mais ou menos meio transparente).

HSL

O HSL descreve a cor do jeito que a gente pensa nela: o matiz é a posição no círculo de cores em graus (0 vermelho, 120 verde, 240 azul), a saturação é a intensidade e a luminosidade vai do preto em 0% ao branco em 100%. Assim fica fácil fazer um tom mais claro ou mais escuro: mantenha o matiz e a saturação e mude a luminosidade.

CMYK é para impressão

Impressoras misturam tinta ciano, magenta, amarela e preta em vez de luz. As conversões entre RGB e CMYK são aproximadas, porque telas e tintas não mostram exatamente a mesma gama de cores.

Contraste para texto

As diretrizes de acessibilidade WCAG pedem contraste de pelo menos 4,5:1 para texto normal e 3:1 para texto grande no nível AA. O Conversor de cores converte entre todos esses formatos e verifica o contraste com texto branco e preto. Para achar o código de uma cor numa foto ou captura de tela, use o Seletor de cores de imagem.

Ferramentas deste guia

Mais guias

Como abrir arquivos HEIC no WindowsComo reduzir o tamanho de um PDFComo remover a localização das fotosComo extrair o áudio de um vídeoComo criar um QR code para o seu Wi-FiComo assinar um PDFComo verificar o checksum de um arquivo (SHA-256)PNG, JPG ou WebP: qual formato de imagem usarComo juntar arquivos PDFComo copiar o texto de uma imagemComo converter JPG para PDFComo converter um PDF para JPGComo dividir um PDF ou extrair páginasComo girar um PDF de forma permanenteComo adicionar números de página a um PDFComo colocar marca d'água em um PDFComo converter HEIC para JPG no MacComo converter WebP para JPGComo reduzir o tamanho de uma imagemComo converter um vídeo para GIFComo converter WAV para MP3Como criar uma senha forteComo converter Celsius para FahrenheitGB ou GiB: por que seu disco mostra menos espaçoComo calcular porcentagemComo calcular os dias entre duas datasO que é um timestamp UnixComo comparar dois arquivos de textoComo contar as palavras de um documentoComo ler um QR code de uma captura de tela ou imagemO que é um hash: MD5, SHA-1 e SHA-256 explicadosComo comprimir uma foto para 20 KB (ou qualquer tamanho)Como remover o fundo de uma fotoComo testar seu microfoneComo procurar pixels mortos numa telaComo gravar a telaComo criar um toque para iPhoneComo comprimir um vídeo para enviarComo remover a senha de um PDFComo colocar senha num PDFComo preencher um formulário PDFComo converter um PDF para WordComo desfocar um rosto numa fotoComo calcular seu IMCComo calcular a parcela de um financiamento imobiliárioComo marcar uma reunião entre fusos horáriosO que é uma expressão cron?Como obter o complemento reverso de uma sequência de DNAComo traduzir DNA em proteínaComo converter GenBank para FASTAComo encontrar sítios de restrição em uma sequência de DNAComo alinhar duas sequências de DNA ou de proteínaComo desenhar e conferir primers de PCRComo calcular a massa molarComo balancear uma equação químicaComo preparar uma solução de molaridade conhecidaComo calcular uma diluição (C1V1 = C2V2)Como calcular o pHComo calcular a concentração de DNA a partir da A260Como calcular a quantidade de inserto para uma ligaçãoComo converter RPM em g (RCF)Como contar células com um hemocitômetroComo usar o quadro de PunnettComo fazer um orçamento com a regra 50/30/20Bola de neve ou avalanche para quitar dívidasQuanto preciso para me aposentar?Como converter salário em valor por horaMargem de lucro ou markupComo calcular IVA e imposto sobre vendasComo fazer uma faturaQuanto imóvel eu posso comprar?Como ler o código de cores de resistoresComo escolher o resistor de um LEDComo calcular a queda de tensão num caboQuanto concreto eu preciso?Quanta tinta eu preciso?Como calcular uma sub-redeRegras dos algarismos significativosComo funciona a amortização de um empréstimoROI x CAGR: como medir o retorno de um investimentoComo a inflação corrói suas economiasComo calcular seu GPAComo calcular a gorjetaEstratégia de Campo Minado: padrões e dicasEstratégias de Sudoku para iniciantesComo vencer no 2048Estratégia de Paciência: como vencer mais partidasComo digitar mais rápidoRegex básico: guia para iniciantes com exemplosO que é Base64 (e codificação de URL)?Como calcular a meia-vidaA lei dos gases ideais explicadaComo funciona um divisor de tensãoCálculos do timer 555Como calcular a inclinação do telhadoComo calcular pés de tábua (board feet)Estatísticas de sequências de DNA e proteínas explicadas