Ferramenta 10
Paleta monocromática
Gere uma escala completa a partir de uma cor. Os passos usam um espaço perceptual e a cor original permanece identificada na escala.
Use um código HEX com seis dígitos, como #0A4A5C.
Sobre esta ferramenta
Uma escala monocromática mantém o matiz e varia a luminosidade. O detalhe que separa uma escala boa de uma ruim é onde os passos caem: distribuir uniformemente em HSL produz saltos visuais irregulares, porque HSL não corresponde à percepção. A cor base aparece exatamente na posição mais próxima da sua luminosidade original.
Aqui as referências de luminosidade são distribuídas em OKLCH e a cor base é inserida na posição mais próxima. Por isso, os intervalos ao redor dela podem variar. O controle de saturação nas pontas existe porque manter croma constante empurra os extremos para fora do gamut sRGB. Os tons muito claros e muito escuros ficam sujos. Reduzir o croma nas pontas é o que produz a curva em sino que escalas profissionais usam.
A marcação de contraste indica quais tons servem como fundo para texto escuro ou claro, pelo critério AA da WCAG para texto normal.