Conception

Générateur de palette de couleurs

Créez des palettes de cinq couleurs avec six harmonies, des contrôles de couleur perceptuels et des vérifications du contraste du texte.

OKLCH
Cercle des teintes

Faites glisser le pointeur sur le cercle ou déplacez le curseur de teinte. La clarté et le chroma se règlent indépendamment.

Comment la palette est construite

Les couleurs analogues utilisent des angles de teinte proches ; les couleurs complémentaires utilisent des angles opposés. Les harmonies complémentaires divisées, triadiques et tétradiques répartissent les teintes sur le cercle chromatique. Les palettes monochromatiques font varier la clarté autour d’une seule teinte. Ce sont des points de départ pour la conception, pas une garantie scientifique de beauté.

OKLCH sépare la luminosité perçue, la chroma et la teinte. Les couleurs en dehors de sRGB sont ramenées dans la plage en réduisant la chroma tout en conservant la luminosité et la teinte. Les couleurs neutres ont peu ou pas de teinte visible. Les étiquettes de contraste se réfèrent uniquement au texte noir ou blanc suggéré sur chaque échantillon ; le tableau vérifie les paires séparément.

Methods: Björn Ottosson, Oklab (2020), W3C CSS Couleur 4, et Contraste WCAG 2.2. Aucune palette seule n’établit une accessibilité complète.

Faut-il que le type corresponde ? Convertir vos polices.

Comment utiliser « Générateur de palette de couleurs »

  1. Entrez une couleur HEX à six chiffres ou utilisez le sélecteur de couleur.
  2. Choisissez une couleur HEX de base et une harmonie, puis réglez la teinte, la clarté ou le chroma.
  3. Générer votre palette, vérifier le contraste et télécharger CSS, JSON ou SVG.

Traiter plusieurs fichiers

Utilisez un flux de travail pour appliquer les mêmes paramètres à chaque fichier.

Formats et exigences

Formats d’entrée
texte brut
Sortie
JSON, CSS ou SVG
Disponibilité
Gratuit dans ton navigateur et via le CLI
Fichiers par opération
1
Limite de fichier du navigateur
128 octets par fichier, 1 MiB au total

À quoi s'attendre

Palettes OKLCH de cinq couleurs, avec réduction du chroma pour rester dans l’espace sRGB et contraste du texte selon WCAG. Les règles d’harmonie sont des principes de conception, pas des garanties d’accessibilité.

Mes fichiers quittent-ils mon appareil ?

Non. Grâce à la technologie avancée de traitement de fichiers, vos fichiers sont traités directement sur votre appareil, dans votre navigateur. OneKit ne reçoit pas vos fichiers d'entrée ni vos résultats. Les bibliothèques publiques nécessaires au traitement peuvent se télécharger lors de votre première utilisation de l'outil.

Confidentialité des fichiers et traitement local →

Outils connexes

Sélecteur de couleurExtraire les couleurs de l'imageConvertisseur de police

Installez OneKit

Gardez OneKit dans sa propre fenêtre d’application, avec un raccourci sur votre appareil.