Verificador de Contraste de Paleta
by Fellipe Mayan
Check your project's collor palette for accessible combinations
Installs
5
Likes
3
Users
74
Views
52
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 allStark - Contrast & Accessibility AI Checker
by Stark
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
by Alex Carr
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
by Manthankumar Satani
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥
A11y - Color Contrast Checker
by Kelly Gorr
Text color accessibility