Tons e matizes
Gere escalas de luminosidade e saturação a partir de uma cor base.
Luminosidade
Saturação
Mais ferramentas desta categoria
🎨
Seletor de cor
Escolha uma cor e obtenha na hora os códigos HEX, RGB e HSL para copiar.
🎨
Gerador de paletas
Crie paletas análogas, complementares, tríades e monocromáticas a partir de uma cor base.
🌈
Gerador de gradiente
Crie um gradiente linear CSS com duas cores e um ângulo, e copie o código.
👁️
Simulador de daltonismo
Simule como uma cor aparece com protanopia, deuteranopia e tritanopia.
🔆
Cor complementar
Encontre o complementar de uma cor e cores dividida, tríade e análoga.
🧪
Misturador de cores
Misture duas cores em qualquer proporção para obter a cor intermediária.
🎨
Cores Tailwind e Material
Veja as paletas do Tailwind CSS e Material Design e copie qualquer HEX com um clique.
🎲
Cor aleatória
Gere cores aleatórias e copie o HEX com um clique.
📏
Conversor de unidades CSS
Converta entre px, rem e em com base no tamanho da fonte raiz.