Sélecteur de couleur
Choisissez une couleur et obtenez instantanément ses codes HEX, RGB et HSL, prêts à copier.
Outils couleurs : sélecteur, convertisseur HEX/RGB/HSL, générateur de palettes, vérificateur de contraste WCAG.
38 outils disponibles
Choisissez une couleur et obtenez instantanément ses codes HEX, RGB et HSL, prêts à copier.
Créez des dégradés CSS linéaires ou radiaux avec aperçu en direct et code CSS prêt à copier.
Verifiez que le contraste entre vos couleurs de texte et de fond respecté les normes WCAG AA et AAA.
Melangez deux couleurs ensemble avec un ratio ajustable et découvrez la couleur obtenue.
Saisissez une couleur HEX et obtenez instantanément sa couleur inversee (negative).
Trouvez les couleurs complémentaires, analogues, triadiques et split-complémentaires de votre teinte.
Generez une ou plusieurs couleurs aléatoires avec leurs codes HEX, RGB et HSL.
Generez 10 nuances (plus sombres) et 10 teintes (plus claires) à partir d'une couleur de base.
Convertissez entre HEX, RGB, HSL et CMYK en saisissant n'importe quel format de couleur.
Generez 5 couleurs analogues (adjacentes sur le cercle chromatique) à partir d'une couleur de base.
Generez des couleurs triadiques (3 teintes equidistantes à 120 degrés) et split-complémentaires.
Parcourez les 148 couleurs CSS nommees, filtrez par nom et copiez les codes HEX et RGB.
Simulez comment une couleur est percue par les personnes atteintes de différentes formes de daltonisme.
Ajustez la luminosité d'une couleur et generez une échelle de 10 teintes du plus clair au plus sombre.
Extrayez les couleurs dominantes d'une image uploadee avec codes HEX et RGB.
Generez une palette UI accessible conforme WCAG AA à partir d'une couleur primaire.
Generez une palette Material Design complété de 50 à 900 à partir de votre couleur.
Trouvez la classe Tailwind CSS la plus proche de n'importe quelle couleur HEX.
Créez des ombres CSS colorees avec un aperçu en temps réel et copiez le code CSS.
Collez du texte ou du code et extrayez automatiquement toutes les couleurs détectées.
Generez un theme sombre automatique à partir de vos couleurs de theme clair.
Générez une palette monochromatique de 3 à 12 teintes à partir d'une couleur de base.
Trouvez la correspondance Pantone ou RAL la plus proche de votre couleur HEX.
Créez des dégradés CSS linéaires, radiaux ou coniques avec jusqu'à 10 étapes de couleur.
Générez une palette de tokens de couleurs (50 à 950) et exportez en CSS, Tailwind ou JSON.
Convertissez entre HEX, RGB, HSL et HSB/HSV — le format couleur de Photoshop et Illustrator.
Comparez jusqu'à 4 palettes de couleurs côte à côte et exportez les codes CSS.
Explorez des palettes de couleurs inspirées du printemps, de l'été, de l'automne et de l'hiver.
Analysez simultanément plusieurs paires de couleurs texte/fond et vérifiez la conformité WCAG.
Générez une palette de marque UI complète à partir d'une couleur primaire avec aperçu d'interface.
Explorez le cercle chromatique interactif et visualisez les harmonies de couleurs en temps réel.
Convertissez vos couleurs en OKLab et OKLch, les espaces colorimétriques perceptuels modernes de CSS.
Définissez vos couleurs en mode clair et sombre et exportez les variables CSS correspondantes.
Analysez une palette de couleurs pour détecter son schéma d'harmonie et obtenir des suggestions.
Générez des palettes tétradiques, rectangulaires, pentadiques ou hexadiques à partir d'une couleur.
Uploadez une image et cliquez sur n'importe quel pixel pour connaître sa couleur HEX, RGB et HSL.
Choisissez une palette de couleurs selon l'émotion que vous souhaitez communiquer avec votre marque.
Testez vos couleurs de texte, fond et accent sur tous les niveaux typographiques avec vérification WCAG.