Cores e CSS
Conversão entre HEX, RGB, HSL e CMYK, criação de paletas e verificação de contraste segundo a WCAG. 12 ferramentas, incluindo Conversor de cores, Verificador de contraste de cor, Inversor de cor e Gerador de esquemas de cor. Todas gratuitas, sem conta e sem instalar nada.
Conversor de coresConverte uma cor para HEX, RGB, HSL, HSV, CMYK, LAB e OKLCH, com o contraste.Verificador de contraste de corRácio de contraste WCAG entre texto e fundo, com aprovado/reprovado AA/AAA e uma pré-visualização.Inversor de corInverte uma cor (255 − RGB) ou obtém a complementar, em HEX/RGB/HSL/CMYK com o contraste.Gerador de esquemas de corDeriva esquemas complementar, análogo, triádico, tetrádico, dividido e monocromático de uma cor base.Gerador de sombra CSS (box-shadow)Ajusta uma sombra CSS com pré-visualização ao vivo e copia o código gerado — deslocamento, desfoque, extensão, cor, inset.Compressor de CSSMinifica CSS removendo comentários e espaços para reduzir o tamanho da folha de estilos.Laboratório de CSS FlexboxExperimenta flex-direction, wrap, justify-content, align-items e gap — pré-visualização ao vivo e CSS para copiar.Gerador de CSS GridConstrói um layout CSS Grid visualmente — colunas, linhas, espaços e alinhamento — com pré-visualização ao vivo e CSS para copiar.Gerador de gradientes CSSCria um gradiente CSS linear ou radial a partir de duas cores e um ângulo, com saída CSS e Tailwind.Seletor de cor de imagemCarrega uma imagem, clica para amostrar qualquer píxel e extrai uma paleta dominante, com HEX e RGB de cada amostra.Gerador de fontes para InstagramTransforma o teu texto em dezenas de fontes Unicode prontas a copiar para a bio, legendas e comentários do Instagram.Gerador de paletas de corCria uma paleta baseada em harmonia que podes bloquear e regenerar, estilo Coolors, com copiar todos os HEX.