Skip to content
Verificador de Contraste de Paleta

Verificador de Contraste de Paleta

by Fellipe Mayan

Check your project's collor palette for accessible combinations

FreeFigma

Installs

5

Likes

3

Users

74

Views

52

Preview

Verificador de Contraste de Paleta preview

About this plugin

* English text below *Garanta que a aplicação das cores do seu projeto seja legível para usuários.

FuncionalidadesGerenciar paleta: Adicione as cores da sua paleta manualmente ou importe elas em um arquivo .json com esse modelo:{"palette": ["#FFFFFF","#0A0A0A","#F21420","#FFCC2A","#1F4CFF"]}Você pode salvar e importar as paletas que cria!

Visualizar contraste: veja em lista ou tabela as combinações de cores da sua paleta e o nível de contraste entre elas. Você pode filtrar as combinações de acordo com os níveis AA Grande, AA Pequeno e AAA das WCAG.

Gerar relatório: quando a paleta estiver pronta, gere um relatório das combinações mais acessíveis para usar no seu projeto!---Ensure the color application in your project is legible for users.

FeaturesManage Palette: Add your palette colors manually or import them from a .json file using this template:{"palette": ["#FFFFFF","#0A0A0A","#F21420","#FFCC2A","#1F4CFF"]}You can save and import the palettes you create!

Check Contrast: See a list or table of your palette's color combinations and their contrast ratios. You can filter combinations according to WCAG's AA Large, AA Small, and AAA levels.

Generate Report: Once your palette is ready, generate a report of the most accessible combinations to use in your project!

More accessibility tools plugins

View all