Gerador de bordas arredondadas
Gerador de bordas arredondadas. Ajuste cada canto com os controles e copie o CSS.
Cor
Processado no seu dispositivo
Processado no seu dispositivo
Cor
Ferramentas úteis no seu navegador.
⌘ K
Buscar ferramentas
Cor
Sombra de caixa · Gerador
Use Sombra de caixa · Gerador diretamente no navegador. Escolha a entrada e os ajustes e confira o resultado.
Cor
Composição alfa de cores
Composição alfa de cores. Composição do primeiro plano sobre fundo opaco em sRGB codificado.
Cor
Simulador de daltonismo
Simulador de daltonismo. Aproximação de dicromacia de Machado et al. (2009). A percepção varia. Cinza mostra luminância separadamente.
Cor
Distância de cores
Distância de cores. CIE76 ΔE usa Lab D50 após adaptação Bradford. Mede diferença de cor, não contraste ou legibilidade.
Cor
Misturador de cores
Misturador de cores. sRGB codificado e luz linear geram cores diferentes. A proporção vale para a cor B.
Cor
Paleta de cores · Gerador
Use Paleta de cores · Gerador diretamente no navegador. Escolha a entrada e os ajustes e confira o resultado.
Cor
Seletor e conversor de cor
Use Seletor e conversor de cor diretamente no navegador. Escolha a entrada e os ajustes e confira o resultado.
Cor
Verificador de contraste
Use Verificador de contraste diretamente no navegador. Escolha a entrada e os ajustes e confira o resultado.
Cor
Gerador de CSS clamp
Gerador de CSS clamp. Exporta rem e vw. Defina a fonte raiz da página. A prévia simula a largura escolhida.
Cor
Editor Bézier CSS
Editor Bézier CSS. Arraste os pontos ou use as setas. Shift aumenta o passo.
Cor
Gerador de filtros CSS
Gerador de filtros CSS. Ajuste os filtros e compare a prévia com o CSS gerado.
Cor
Gradiente CSS · Gerador
Use Gradiente CSS · Gerador diretamente no navegador. Escolha a entrada e os ajustes e confira o resultado.
Cor
SVG para URI de dados
SVG para URI de dados. Escolha SVG local ou cole o código. Execute para visualizar, ampliar e baixar.
Cor
Visualizador SVG
Visualizador SVG. Escolha SVG local ou cole o código. Execute para visualizar, ampliar e baixar.
Cor
Gerador de sombras de texto
Gerador de sombras de texto. Ajuste posição, desfoque, cor e opacidade da sombra do texto.
Cor
Escala tipográfica
Escala tipográfica. Defina tamanho base, proporção e níveis para gerar tamanhos CSS.
Cor