Clarear ou escurecer uma cor
Escolha uma cor de partida e ajuste diretamente o componente de luminosidade HSL com o controle deslizante (um valor de 0 a 100, não uma porcentagem relativa) para clareá-la ou escurecê-la. Processamento 100% local no seu navegador — nada é enviado a um servidor.
Como funciona
Ao contrário de uma simples mistura com branco ou preto, ajustar a luminosidade (L) do modelo HSL preserva exatamente o matiz (H) e a saturação (S) originais: a cor mantém sua identidade cromática ao longo de todo o controle, do preto absoluto (L=0) ao branco absoluto (L=100), passando pelo tom puro no meio (L=50). É o método usado pela maioria dos seletores de cor profissionais para gerar variações coerentes de um mesmo matiz.
Por que este controle não exibe uma porcentagem de clareamento?
Uma porcentagem relativa ("+20% de luminosidade") depende do valor de partida e logo se torna ambígua perto dos extremos. Aqui, o controle define diretamente o valor absoluto de L no espaço HSL (0 a 100), o que dá um resultado previsível e reproduzível, qualquer que seja a cor escolhida inicialmente.
O matiz (H) e a saturação (S) também mudam?
Não, apenas a luminosidade é modificada. Se você quiser uma cor mais ou menos vívida, mude a cor de partida pelo seletor, que redefine o matiz e a saturação antes de você ajustar a luminosidade.
Nenhum dado sai do seu dispositivo: o cálculo HSL é executado inteiramente em JavaScript no seu navegador.