Seletor e conversor de cores

Sobre esta ferramenta

O Seletor e conversor de cores DevCove ajuda frontend e design a traduzir cores entre HEX, RGB e HSL sem sair do navegador. Escolha primeiro plano, cole strings CSS, edite canais e copie trechos prontos. Compare texto e fundo com razão WCAG simplificada e dicas AA/AAA. Com EyeDropper API, amostre cores na tela.

Como usar

Use quando precisar de valores CSS para temas, componentes ou checagem de acessibilidade:

1. Escolha cor de primeiro plano no seletor nativo ou cole string HEX / RGB / HSL.
2. Edite canais HEX, RGB ou HSL — valores sincronizam enquanto você digita.
3. Defina amostra de fundo para avaliar contraste de texto com dicas WCAG.
4. Copie formatos individuais ou Copiar todos para handoff de design.
5. Use Capturar cor quando o navegador suportar EyeDropper API.
6. Carregue presets como azul DevCove, preto ardósia ou verde sucesso.

Recursos

Feito para CSS e UI do dia a dia, não gestão completa de design system:

• Sincronização ao vivo entre campos HEX, RGB e HSL.
• Prévia de primeiro plano e fundo com texto de amostra.
• Razão WCAG simplificada com dicas AA / AAA / texto grande.
• Copiar HEX, RGB, HSL ou pacote de formatos.
• Parser para #hex, rgb(), rgba(), hsl() e hsla().
• Amostras preset para cores de marca e semânticas.
• EyeDropper do navegador quando disponível.
• 100% no cliente — cores não são enviadas.
• Complementa entidades HTML, URL e regex no frontend.

FAQ