Qolor
1
Choisir
Couleurs
Parcourir les couleurs nommées
Palettes
Palettes de couleurs sélectionnées pour votre prochain projet.
2
Créer
Créer une palette
Créez des palettes personnalisées — choisissez des couleurs, taguez et partagez.
Palettes depuis couleur
Suggestions de palettes instantanées à partir d'une couleur de base.
Harmonie des couleurs
Explorez les harmonies complémentaires, triadiques et autres.
Depuis Image
Extraire les couleurs d'une photo
3
Visualiser
Visualiseur
Prévisualisez votre palette sur de vraies maquettes.
Composants
Prévisualisez des éléments UI atomiques comme des boutons, champs de saisie et badges avec votre palette.
Graphiques
Visualisez votre palette appliquée à des diagrammes en barres, graphiques linéaires et diagrammes circulaires.
En-têtes
Explorez chaque combinaison de couleurs d'arrière-plan et de texte pour la typographie.
Logos
Testez les combinaisons de couleurs de marque pour les logos et logotypes.
Icônes
Prévisualisez votre palette appliquée à des icônes multicolores de Lucide et Heroicons.
Thème DaisyUI
Générez des thèmes DaisyUI complets à partir de n'importe quelle couleur.
Tailwind CSS
Créez et prévisualisez des échelles de couleurs Tailwind CSS.
Shadcn UI
Prévisualisez votre palette mappée sur les tokens de design shadcn/ui.
Material 3
Visualisez votre palette comme tokens de couleur dynamiques Material Design 3.
Bootstrap
Prévisualisez votre palette avec le style des composants Bootstrap 5.
Maquette App
Prévisualisez vos couleurs dans une maquette réaliste d'application mobile.
Motifs
Prévisualisez votre palette sur des designs de motifs géométriques et abstraits.
Modèles
Prévisualisez votre palette appliquée à des mises en page SVG.
Plus
Sélecteur de Couleurs
Choisir et convertir des couleurs
Vérificateur de Contraste
Tests d'accessibilité WCAG
Sim. Daltonisme
Tester la déficience visuelle des couleurs
Convertisseur
Convertissez les couleurs entre HEX, RGB, HSL, CMYK et plus.
Générateur de Dégradés
Créer des dégradés CSS
Générateur de logo
Tester les couleurs sur logo & icône
Mes palettes
Enregistrez, organisez et attribuez des tokens de framework.
Sélectionner la langue
EN
English
DE
Deutsch
German
ES
español
Spanish
FR
français
French
ID
Indonesia
Indonesian
IT
italiano
Italian
PT
português
Portuguese
RU
русский
Russian
AR
العربية
Arabic
HI
हिन्दी
Hindi
ZH
中文
Chinese
JA
日本語
Japanese
Fermer
Sign in
Outils
1
Choisir une couleur
Couleurs
Parcourir les couleurs nommées
Palettes
Palettes de couleurs sélectionnées pour votre prochain projet.
2
Créer une palette
Créer une palette
Créez des palettes personnalisées — choisissez des couleurs, taguez et partagez.
Palettes depuis couleur
Suggestions de palettes instantanées à partir d'une couleur de base.
Harmonie des couleurs
Explorez les harmonies complémentaires, triadiques et autres.
Depuis Image
Extraire les couleurs d'une photo
3
Voir en action
Visualiseur
Prévisualisez votre palette sur de vraies maquettes.
Composants
Prévisualisez des éléments UI atomiques comme des boutons, champs de saisie et badges avec votre palette.
Graphiques
Visualisez votre palette appliquée à des diagrammes en barres, graphiques linéaires et diagrammes circulaires.
En-têtes
Explorez chaque combinaison de couleurs d'arrière-plan et de texte pour la typographie.
Logos
Testez les combinaisons de couleurs de marque pour les logos et logotypes.
Icônes
Prévisualisez votre palette appliquée à des icônes multicolores de Lucide et Heroicons.
Thème DaisyUI
Générez des thèmes DaisyUI complets à partir de n'importe quelle couleur.
Tailwind CSS
Créez et prévisualisez des échelles de couleurs Tailwind CSS.
Shadcn UI
Prévisualisez votre palette mappée sur les tokens de design shadcn/ui.
Material 3
Visualisez votre palette comme tokens de couleur dynamiques Material Design 3.
Bootstrap
Prévisualisez votre palette avec le style des composants Bootstrap 5.
Maquette App
Prévisualisez vos couleurs dans une maquette réaliste d'application mobile.
Motifs
Prévisualisez votre palette sur des designs de motifs géométriques et abstraits.
Modèles
Prévisualisez votre palette appliquée à des mises en page SVG.
Plus de ressources
Sélecteur de Couleurs
Choisir et convertir des couleurs
Vérificateur de Contraste
Tests d'accessibilité WCAG
Sim. Daltonisme
Tester la déficience visuelle des couleurs
Convertisseur
Convertissez les couleurs entre HEX, RGB, HSL, CMYK et plus.
Générateur de Dégradés
Créer des dégradés CSS
Générateur de logo
Tester les couleurs sur logo & icône
Mes palettes
Enregistrez, organisez et attribuez des tokens de framework.
Choisir une couleur
Modèles SVG
Affiches, cartes et mises en page rendues en direct avec vos couleurs
Enregistrer
Enregistrer comme nouvelle palette
Ouvrir la palette
Afficher les libellés
Mélanger
Aléatoire
Tout
Applications
Cartes
Composants
Graphiques
Dégradés
Logos
Titres
Motifs
Demande
Avatars
Solid
Soft
Outline
Surface
Photo
primary
E
E
E
E
secondary
E
E
E
E
tertiary
E
E
E
E
accent
E
E
E
E
surface
E
E
E
E
The Quick Brown
A showcase of your color palette in serif typography
Design is not just
what it looks like.
Design is how
it works.
01
MODERN
Design System Color Preview
2.4k
98%
5.0
COLOR
COLOR
COLOR
Layered typography effect
"
Color is a power which
directly influences
the soul.
Wassily Kandinsky
COLOR IS
EVERY
THING
DES
IGN
lorem
ipsum
ABSTRACT POSTER
MOS
TER
ABSTRACT
and BRIGHT
Hero de page d'accueil
Exporter
Télécharger SVG
Télécharger PNG
Modifier la palette
Ouvrir dans le Générateur de palette
Prochaines étapes
Vérifier le contraste
Tester la conformité WCAG
Simuler le CVD
Tester le daltonisme
Cartes
Composants
Graphiques
Applications
Titres
Logos
Visualizer.icons
Motifs
Modèles