/

Chroma A11y L'accessibilité des couleurs, sans compromis.

Chroma A11y Color accessibility, without compromise.

Le plugin Figma ultime pour générer des palettes parfaites et valider vos contrastes WCAG et APCA en temps réel.

The ultimate Figma plugin to generate perfect color palettes and validate WCAG & APCA contrast ratios in real time.

Plugin 100% gratuit, autonome et sécurisé : aucun compte requis, aucune donnée collectée.

100% free, standalone & secure: no account required, zero data collection.

  • 10 Nuances (50 à 900) Shades (50 to 900)
  • WCAG Double Standard APCA APCA Double Standard
  • OKLCH Support Perceptuel Perceptual Support
  • Figma Styles & Variables Styles & Variables

Fonctionnalités clés

Concevez des Design Systems accessibles et parfaits.

Core Features

Start designing accessible and pixel-perfect Design Systems.

Génération en un clic

One-Click Scales

Générez une palette complète de 10 nuances à partir d'une seule couleur de base.

Generate a full palette from a single base color.

1-Click Scale
WCAG & APCA

Double Standard de Contraste

Double Standard

Testez vos contrastes selon WCAG 2.x (norme actuelle) et APCA / WCAG 3.0 (norme future).

Test contrast against both WCAG 2.x (current standard) and APCA / WCAG 3.0 (future standard).

Prise en compte du contexte

Context-Aware

Vérifiez les contrastes pour le texte normal, le grand texte et les composants d'interface.

Check contrast for Normal Text, Large Text, and UI Components.

Context Check
OKLCH / HSL

Intégration Figma Native

Figma Integration

Enregistrez instantanément vos échelles sous forme de Styles Locaux ou de Variables Locales.

Instantly save your generated scale as Local Styles or Local Variables.

Foire Aux Questions

Comprendre l'accessibilité des couleurs, la conformité légale RGAA, les normes WCAG, APCA et l'espace colorimétrique OKLCH.

Frequently Asked Questions

Understand color accessibility, French RGAA compliance, WCAG, APCA, and the OKLCH color space in Figma.

Comment Chroma A11y aide-t-il à se conformer aux obligations légales en France (RGAA) ? How does Chroma A11y help comply with French accessibility laws (RGAA)?

En France, le RGAA impose aux services publics et aux grandes entreprises de respecter les critères de contraste WCAG 2.1 AA. L'absence de conformité expose les organisations à des sanctions financières.

Chroma A11y simplifie ce travail en intégrant la vérification des ratios RGAA/WCAG directement dans Figma dès la phase de conception, garantissant la conformité légale des composants transmis aux développeurs.

In France, the RGAA requires public institutions and large enterprises to meet WCAG 2.1 AA contrast thresholds. Non-compliance can lead to legal penalties.

Chroma A11y streamlines compliance by validating RGAA/WCAG ratios directly inside Figma during the design phase.

Qu'est-ce que la norme APCA par rapport au WCAG 2.1 ? What is the APCA standard compared to WCAG 2.1?

La norme WCAG 2.1 calcule le contraste selon un ratio arithmétique fixe. L'APCA (prévu pour WCAG 3.0) repose sur un modèle de vision perceptuelle lisant la polarité, la taille et la graisse typographique. Chroma A11y permet de contrôler simultanément ces deux normes dans Figma.

WCAG 2.1 uses a fixed math ratio. APCA (for WCAG 3.0) uses a perceptual vision model. Chroma A11y lets you check both standards side by side in Figma.

Pourquoi utiliser l'espace colorimétrique OKLCH ? Why use the OKLCH color space?

L'espace OKLCH garantit que la clarté perçue reste strictly constante, quelle que soit la teinte choisie. Cela permet à Chroma A11y de générer des déclinaisons de couleurs (50 à 900) parfaitement équilibrées.

OKLCH maintains uniform perceived lightness across all hues, enabling Chroma A11y to build smooth, consistent 50–900 color scales for modern Design Systems.

Contact & Support

Un problème, une suggestion ou une question sur Chroma A11y ?

Contact & Support

Found a bug, have a suggestion, or a question about Chroma A11y?