◐
Cor e design
25 ferramentas da categoria “Cor e design” no Tapwerk — grátis, sem cadastro e tudo roda no seu navegador.
#→oklchConversor de coresHEX, RGB, HSL, OKLCH, Lab, CMYK›Aa◐Verificador de contraste (WCAG e APCA)Com a cor aprovada mais próxima›50–950Gerador de tonsEscala 50–950 a partir de uma cor›◐◑Gerador de harmonias de coresComplementar, análoga, triádica…›🎨+Misturador de coresMisture duas cores com etapas›🎨?Encontrar o nome de uma corA cor CSS nomeada mais próxima›▤🌈Gerador de gradientes CSSLinear, radial e cônico›▢⌁Gerador de sombras CSSSombras suaves em camadas›🔲✨Gerador glassmorphismEfeito vidro fosco em CSS›[btn]Gerador de botões CSSEstilos acessíveis com hover e foco›Aa↕Gerador de escala tipográficaEscala modular em CSS›↔AaComprimento da linha e entrelinhaCaracteres por linha e entrelinha›▫▢◻Gerador de escala de espaçamentoGrade de 8 pt em variáveis CSS›◼→🎨Gerador de filtro CSS de corColorir um ícone preto›▦AaGrade de contraste de paletaTodos os pares de cores›👁◐Verificar paleta para daltonismoProtanopia, deuteranopia, tritanopia›☀☾Gerador de tema UI (claro e escuro)Variáveis CSS a partir de uma cor›▦▧Gerador de padrões SVGFundos repetíveis em CSS›⬮〰Gerador de blobs e ondas SVGFormas orgânicas e divisores›◉◎Gerador de gradiente meshFundos aurora em CSS puro›😀icoFavicon a partir de emoji ou letrasICO, PNG, Apple touch, SVG›🖼1200Gerador de imagem Open GraphImagens 1200 × 630 para links›❝🖼Criador de imagem de citaçãoQuadrado, retrato ou story›AB◯Criador de logo monogramaIniciais em círculo, quadrado ou hexágono›🖥ℹInformações de tela e viewportResolução, tamanho do viewport, DPR›