Misturador de cor: guia de início rápido

Tudo o que é preciso para um primeiro uso correto: o que colar, qual opção realmente importa e como ler o resultado.

Entrada Misturador de cor Saída Funciona 100% no seu navegador — seus dados nunca saem do dispositivo.
Misturador de cor — Entrada → Saída. Funciona 100% no seu navegador — seus dados nunca saem do dispositivo.

Como usar

  1. Abra a ferramenta e cole a entrada no painel esquerdo.
  2. Ajuste apenas as opções que a tarefa realmente exige; os padrões servem para a maioria dos casos.
  3. Leia o resultado no painel direito; ele atualiza enquanto você digita.
  4. Use Copiar para levar o resultado ou Baixar para salvá-lo como arquivo.
Como usar · Misturador de cor 1 Cole os dados na caixade entrada (oucarregue o exemplo). 2 Configure as opçõespara o formatodesejado. 3 Copie, baixe ouinspecione a saída —atualiza ao digitar.
Como usar — 3

Exemplos

Mix against #ffffff at 50% and switch the space to CIE Lab for a perceptually even ramp.

Entrada

#0ea5b7

Saída — Resultados

#0ea5b7 + #ffffff at 50% (mixed in RGB)

Result
  HEX   #87d2db
  RGB   rgb(135, 210, 219)
  HSL   hsl(186.4, 54.0%, 69.3%)

Contrast against white : 1.71:1
Contrast against black : 12.26:1

Ramp (9 steps)
    0%  #0ea5b7
   13%  #2cb0c0
   25%  #4abcc9
   38%  #68c7d2
   50%  #87d2db
   63%  #a5dde4
   75%  #c3e9ed
   88%  #e1f4f6
  100%  #ffffff

CSS
  --mix: #87d2db;
  background: linear-gradient(90deg, #0ea5b7, #ffffff);

Executar

Descrição

Blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios.

Misturador de cor → · Como usar → · Ferramentas de cor →

Ferramentas relacionadas

Seletor de hexadecimal corInteractive picker with HEX, RGB and HSL output.Conversor de cor CodeConvert between HEX, RGB, HSL and named colors.cor contraste Verificador (WCAG)Verify text contrast ratios against WCAG AA/AAA.Gerador de cor paletaShades, tints and complementary schemes from one color.Gerador de aleatório corBatch random colors with copyable codes.Referência de CSS Nomeada CoresAll 148 CSS color names with codes and previews.