Ferramentas de cor
Converta, nomeie, misture e teste cores, com suporte a OKLCH e APCA.
localVerificador de ContrasteInforme uma cor de texto e uma cor de fundo para obter a razão de contraste WCAG exata, o resultado de…localGerador de cores do TailwindCole uma cor da marca e obtenha uma escala de tons equilibrada de 11 etapas (50 a 950) integrada ao OKLCH…localConversor HEX para RGBACole um código HEX, arraste o slider de opacidade e copie o CSS exato que você precisa: rgba()…localCSS Variables para TailwindTransforme suas variáveis de cor em :root em um tema do Tailwind com uma única colagem — Tailwind v3 com…localConversor OKLCHExplore o espaço de cor OKLCH, perceptualmente uniforme, com controles deslizantes em tempo real, veja se…localNome da CorCole um código HEX para descobrir o nome mais próximo da cor e nomes de tokens limpos para o seu CSS,…localMixer de CoresEscolha duas cores e a quantidade de passos para obter cores de transição misturadas uniformemente —…localVerificador de Contraste APCACalcule o contraste de luminosidade APCA (Lc) entre texto e fundo, veja para quais usos ele é indicado e…localSimulador de DaltonismoEnvie um screenshot ou design e veja em oito tipos de deficiência de visão de cores lado a lado, ou teste…localConversor de CoresCole qualquer cor CSS — HEX, rgb(), hsl(), hwb(), oklch() ou um nome como tomato — e veja todos os outros…localGerador de Filtro CSSAjuste blur, brilho, contraste, saturação, matiz, escala de cinza, sépia, inversão e sombra projetada em…localExtrator de Paleta de Cores de ImagemDescubra a paleta de cores de qualquer imagem: uma foto, logo, captura de tela ou design. Arraste o…
Falta alguma ferramenta de Cores?
Diga o que você precisa — criamos primeiro as ferramentas mais pedidas, de graça.