Nano Banana 2.1 EN LIGNE — Le dernier de Google | Essayer →
Se connecter
WAVESPEED AI SÉLECTEUR DE COULEUR Fonctionne dans votre navigateur
100% GRATUIT

Sélecteur de couleur en ligneChoisissez, convertissez, vérifiez et exportez des couleurs.

Choisissez une couleur sur la roue, à l’écran ou dans n’importe quelle image, et copiez-la en HEX, RGB, HSL, HSV, OKLCH ou CMYK.
Créez des harmonies et des nuanciers, vérifiez le contraste du texte, visualisez-la comme une personne daltonienne et exportez du code prêt à coller.

Pipette sur n’importe quelle imageVérificateur de contraste intégréCode CSS, Tailwind, Swift et Android
Sans inscription Sans envoi de fichier Sans filigrane

Chargement du sélecteur de couleur…

Les couleurs et les images restent sur votre appareil.
TROIS ÉTAPES SIMPLES

Comment utiliser le sélecteur de couleur

01

Choisissez une couleur

Faites glisser sur la roue chromatique, saisissez ou collez un code couleur, utilisez la pipette, ou ouvrez une photo et cliquez sur un pixel.

02

Ajustez et copiez

Ajustez-la avec les curseurs RGB, HSL, HSV, OKLCH ou CMYK et copiez la valeur voulue en un clic.

03

Créez et exportez

Créez des harmonies ou un nuancier, vérifiez le contraste et le daltonisme, puis copiez ou téléchargez le code pour votre projet.

BON À SAVOIR

Conseils pour choisir vos couleurs

Quelques habitudes qui rendent les palettes plus faciles à utiliser et à lire.

Vérifiez tôt le contraste du texte

Le texte courant doit atteindre au moins 4.5:1 sur son fond pour WCAG AA, le grand texte 3:1. Le vérificateur suggère la couleur conforme la plus proche.

Utilisez OKLCH pour des échelles régulières

La luminosité OKLCH correspond à ce que perçoit l’œil : une échelle créée en OKLCH progresse régulièrement du clair au foncé, sans tons intermédiaires ternes.

Ne comptez pas que sur la couleur

Le rouge et le vert se ressemblent pour beaucoup de gens. Prévisualisez votre palette dans l’onglet daltonisme et ajoutez des libellés ou des icônes là où le sens compte.

Faites la moyenne sur les photos

Les photos sont bruitées de près. Un échantillon de 3×3 ou 5×5 donne la couleur que vous voyez plutôt qu’un pixel isolé.

Partez d’une image pour votre palette

Ouvrez une photo que vous aimez et extrayez de 5 à 8 couleurs. K-means trouve les couleurs principales ; median cut conserve les petites touches.

Le CMYK est ici une estimation

Les couleurs d’impression dépendent du papier et de la presse. Utilisez la valeur CMYK comme point de départ et vérifiez-la avec le profil de votre imprimeur.

WaveSpeed AI

Transformez votre palette en images

Générez des images et des vidéos aux couleurs de votre marque à partir d’un prompt avec WaveSpeed AI.

Commencer à créer Explorez plus de 1 000 modèles IA
  • Plus de 1 000 modèles IA
  • Image, vidéo et 3D
  • Paiement à l'usage

$1 de crédits gratuits pour les nouveaux comptes éligibles. Sans carte bancaire. Les générateurs ont leurs propres exigences de compte et de crédits. Ici, sélecteur de couleur est gratuit.

FAQ du sélecteur de couleur

Comment prélever une couleur dans une image ?

Ouvrez l’onglet Image, choisissez une photo ou une capture d’écran (ou collez-en une), puis cliquez ou touchez n’importe quel pixel. Une loupe montre exactement le pixel survolé, et vous pouvez faire la moyenne d’une zone de 3×3 à 11×11. L’image est lue dans votre navigateur et reste sur votre appareil.

Puis-je prélever une couleur n’importe où sur mon écran ?

Oui, dans les navigateurs qui prennent en charge la pipette (Chrome, Edge et autres navigateurs Chromium sur ordinateur). Cliquez sur Pipette puis sur n’importe quel pixel de l’écran, même hors de la fenêtre du navigateur. Dans les autres navigateurs, faites une capture d’écran et collez-la dans l’onglet Image.

Comment convertir HEX en RGB ?

Saisissez ou collez le code HEX dans le champ couleur : la valeur RGB s’affiche en dessous, prête à copier. Pour convertir plusieurs couleurs à la fois, collez-en une par ligne dans l’onglet Convertir et choisissez le format de sortie.

Quels formats de couleur sont pris en charge ?

HEX (3, 4, 6 et 8 chiffres), RGB, HSL, HSV/HSB, HWB, OKLCH, OKLab et CMYK, ainsi que tous les noms de couleurs CSS. Vous pouvez coller des valeurs avec ou sans le nom de fonction, par exemple « 255, 87, 51 ».

Qu’est-ce qu’OKLCH et pourquoi l’utiliser ?

OKLCH décrit une couleur par sa luminosité perçue, sa chroma (intensité) et sa teinte. Des pas égaux paraissent égaux : c’est idéal pour les nuanciers et les palettes cohérentes, et c’est pris en charge en CSS moderne via oklch().

Comment fonctionne le vérificateur de contraste ?

Il calcule le ratio de contraste WCAG 2 entre le texte et le fond et indique s’il est conforme AA et AAA pour le texte normal, le grand texte et les éléments d’interface. Il affiche aussi le contraste de luminosité APCA (Lc) issu du brouillon WCAG 3 et suggère la couleur conforme la plus proche.

Comment créer une palette de couleurs ?

Choisissez une couleur de base, puis utilisez Harmonies pour des schémas complémentaires, triadiques et autres, ou Nuances pour les teintes claires, les ombres et une échelle 50–950. Vous pouvez aussi extraire une palette d’une photo. Enregistrez vos favoris et exportez-les sous forme de code.

Puis-je exporter des couleurs pour Tailwind, SwiftUI ou Android ?

Oui. L’onglet Exporter écrit votre palette en variables CSS, SCSS, Tailwind v4 @theme ou configuration v3, SwiftUI, UIKit, Android colors.xml, Jetpack Compose, JSON, palette GIMP ou simple liste hexadécimale. Copiez-la ou téléchargez le fichier.

Ce sélecteur de couleur est-il gratuit ?

Oui. Il est gratuit, sans inscription, sans limite et sans filigrane, et tout fonctionne dans votre navigateur.

D’autres outils gratuits similaires

Tous les outils gratuits

Choisissez votre prochaine couleur

Gratuit, privé et prêt dans votre navigateur.

Ouvrir le sélecteur de couleur