10 ferramentas · 100% in your browser

Cor e Design

Color and CSS tools for designers: HEX/RGB/HSL/OKLCH converter, WCAG contrast checker, gradient, shadow, border-radius and bezier generators, Tailwind colour…

Cor· 4 ferramentas

Converta, verifique o contraste e escolha a partir de imagens.

Conversor de Cores (HEX/RGB/HSL/OKLCH)

HEX, RGB, HSL e o moderno OKLCH — instantaneamente.

Verificador de Contraste (WCAG)

Verifique o contraste WCAG AA / AAA — aprovado ou reprovado.

Localizador de Cores Tailwind

Classe Tailwind mais próxima para qualquer cor HEX.

Seletor de Cores e Paleta de Imagens

Largue uma imagem, extraia a sua paleta.

Geradores de CSS· 4 ferramentas

Gradientes, sombras, raio e curvas de easing.

Gerador de Gradientes

Gradientes CSS lineares, radiais e cónicos.

Gerador de Box Shadow

Editor visual de box-shadow CSS.

Gerador de Border Radius

Editor de border-radius CSS por canto.

Editor de Cubic Bezier

Crie curvas de easing CSS visualmente.

Esquema· 2 ferramentas

Unidades CSS e proporções.

Conversor de Unidades CSS

Converta px, rem, em, pt e mais.

Calculadora de Rácio de Aspeto

Calcule rácios e redimensione dimensões.