Cores e CSS
Conversão entre HEX, RGB, HSL e CMYK, criação de paletas e verificação de contraste segundo a WCAG. 11 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 corInverta uma cor (255 − RGB) ou obtenha a complementar, em HEX/RGB/HSL/CMYK com o contraste.Gerador de esquemas de corDerive esquemas complementar, análogo, triádico, tetrádico, dividido e monocromático de uma cor base.Compressor de CSSMinifique CSS removendo comentários e espaços para reduzir o tamanho da folha de estilos.Laboratório de CSS FlexboxExperimente flex-direction, wrap, justify-content, align-items e gap — pré-visualização ao vivo e CSS para copiar.Gerador de CSS GridConstrua um layout CSS Grid visualmente — colunas, linhas, espaços e alinhamento — com pré-visualização ao vivo e CSS para copiar.Gerador de gradientes CSSCrie um gradiente CSS linear ou radial a partir de duas cores e um ângulo, com saída CSS e Tailwind.Seletor de cor de imagemCarregue uma imagem, clique para amostrar qualquer píxel e extraia uma paleta dominante, com HEX e RGB de cada amostra.Gerador de fontes para InstagramTransforme o seu texto em dezenas de fontes Unicode prontas a copiar para a bio, legendas e comentários do Instagram.Gerador de paletas de corCrie uma paleta baseada em harmonia que pode bloquear e regenerar, estilo Coolors, com copiar todos os HEX.