Back to Plugins
Verificador de Contraste de Paleta

Verificador de Contraste de Paleta

Check your project's collor palette for accessible combinations

Plugin 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.


Funcionalidades


Gerenciar 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.


Features


Manage 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!

Plugin Details

Version1
CreatedJuly 24, 2025
Last UpdatedJuly 25, 2025
CategoryAccessibility tools
CreatorFellipe Mayan
Stats2 installs, 3 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none