Roue Chromatique

Choisissez une couleur de base, explorez les règles d'harmonie et copiez des palettes pour landing pages, logos, sites web et systèmes de marque.

Couleur de base

Click the wheel to pick a base color

Formats couleur

#195DE6
Hue220°
Saturation80%
Lightness50%
RGB25, 93, 230

Palette générée

Complémentaire — Harmonious color scheme generated based on your selected mode

#195DE6
#E6A219

Variables CSS

Copy once and drop into your stylesheet

:root {
  --color-complementary-1: #195DE6;
  --color-complementary-2: #E6A219;
}

Comment ça marche ?

Créez une palette équilibrée en trois étapes

1

Choisissez une couleur

Utilisez le sélecteur ou collez un code HEX comme point de départ.

2

Choisissez une règle

Passez entre les harmonies complémentaires, analogues, triadiques, tétradiques et monochromatiques.

3

Copiez et utilisez

Copiez une couleur, une palette complète ou des variables CSS.

Fonctionnalités de la roue chromatique

Outils couleur pratiques pour sites web, logos et landing pages

Roue interactive

Prévisualisez les changements de teinte sur une roue visuelle.

Palettes harmonieuses

Générez des palettes équilibrées avec la théorie des couleurs.

HEX RGB HSL

Convertissez instantanément les formats couleur du web.

Export CSS

Copiez les palettes en propriétés personnalisées CSS.

Pourquoi utiliser une roue chromatique ?

Une roue chromatique aide à choisir des couleurs lisibles, intentionnelles et cohérentes.

Qu'est-ce qu'une roue chromatique ?

C'est un diagramme circulaire qui organise les teintes pour comprendre contraste, harmonie et combinaisons de couleurs.

Meilleures couleurs pour landing pages

Associez une couleur de marque à des accents pour boutons, fonds et sections.

De l'inspiration à la production

HEX, RGB, HSL et variables CSS sont prêts pour l'implémentation.

Utile pour la marque et les logos

Les modes d'harmonie donnent une base fiable aux systèmes visuels.

FAQ – Roue Chromatique

Questions fréquentes sur la roue chromatique gratuite

Créez votreRoue Chromatiquemaintenant

Utilisez la roue chromatique gratuite pour choisir des couleurs équilibrées pour votre landing page, marque ou design system.

Roue chromatique gratuite pour designers, marketeurs, fondateurs et créateurs.