Cor e design
Explore cores e gere trechos CSS úteis.
Seletor e conversor de coresDigite ou selecione uma cor para validá-la e conferir seus valores HEX, RGB e HSL.Gerador de paleta de coresGere paletas complementares, análogas, triádicas ou monocromáticas a partir da cor escolhida.Gerador de gradiente CSSMonte um gradiente CSS linear ou radial editando as paradas de cor, a direção e outras opções disponíveis.Verificador de contraste WCAGCompare as cores do primeiro plano e do fundo para calcular a relação de contraste frente aos limites WCAG AA e AAA disponíveis.Tons e matizes de coresCrie variações HEX mais claras e mais escuras a partir de uma cor selecionada.Extrator de cores da imagemSelecione uma imagem para amostrar e exibir suas cores representativas localmente no navegador.Gerador de sombra CSSAjuste deslocamentos, desfoque, expansão, cor, opacidade e modo inset da sombra e copie o CSS.Gerador de raio de borda CSSDefina cada raio de canto separadamente, visualize o formato e copie o valor CSS de border-radius.Gerador de botão CSSConfigure as opções de estilo disponíveis para um botão, visualize-o e copie o HTML e CSS gerados.Simulador de daltonismoVisualize uma imagem enviada com o filtro de simulação de visão de cores do tipo protanopia da ferramenta.